防止iPhone缩放形式？

Question

代码:

<select>
    <option value="1">Home</option>
    <option value="2">About</option>
    <option value="3">Services</option>
    <option value="4">Contact</option>
</select>

当我触摸时select,iPhone会放大该元素(并且在取消选择后不会缩小).

我怎么能阻止这个？或缩小？我无法使用,user-scalable=no因为我实际上需要这个功能.这是iPhone,选择菜单.

Answer 1

这可以通过将font-size:16px设置为所有输入字段来防止.

Answer 2

更新:此方法不再适用于iOS 10.

它取决于Viewport,您可以通过以下方式禁用它:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

添加user-scalable=0它也应该适用于您的输入.

Answer 3

对于iOS,您可以通过简单地为操作系统认为足够的字体大小(> = 16px)来避免输入元素的缩放,从而避免需要缩放,例如:

input, select, textarea {
    font-size: 16px;
}

它也是各种框架使用的解决方案,允许您避免使用元标记.