禁用移动设备上的输入自动缩放

时间:2014-06-19 15:13:26

标签: javascript html ios css mobile

问题是移动浏览器会放大输入字段或选择焦点下拉菜单。我已经研究了不同的解决方案,到目前为止,我发现最优雅的是将输入字段的字体大小设置为16px。这在独立的输入字段上工作正常,但是如果你有一个包含按钮的父容器,在将font-size更改为16px后会在按钮下面留下一点间隙。

另一种解决方案是将输入字段的默认字体大小设置为16px并正确调整按钮大小。

将字体大小设置为16px并不会阻止选择下拉列表进行缩放。

1 个答案:

答案 0 :(得分:0)

你可以这样做:

 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">