如何解决HTML/CSS - 在移动设备上点击时放大选择标签
我有一个带选项的选择菜单。
当我在移动设备上时,我点击这个菜单,它会稍微放大它。是否有 -webkit 属性或导致此问题的原因?
如何更改它以使其在点击选择菜单时不会在屏幕上放大?
请看下面的动图。
<select class='example'>
<option>Example</option>
<option>Example</option>
<option>Example</option>
<option>Example</option>
<option>Example</option>
<option>Example</option>
</select>
解决方法
是的,某些手机和平板电脑在与表单元素交互时会出现这种情况。将此元标记添加到您的 <head>
应该可以解决您的问题:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
这里详细解释了它的作用及其工作原理: https://thingsthemselves.com/no-input-zoom-in-safari-on-iphone-the-pixel-perfect-way/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。