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

问题是移动浏览器将放大输入字段或选择焦点下拉。我研究过不同的解决方案，到目前为止，我发现最优雅的方法是将输入字段的字体大小设置为16px。这可以在独立的输入字段上正常工作，但如果您有一个包含按钮的父容器，将字体大小更改为16px后，会在按钮下方留下一点空隙。在移动设备上禁用输入自动缩放

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

将font-size设置为16px并不妨碍缩放选择下拉。

http://stackoverflow.com/questions/4472891/how-can-i-disable-zoom-on-a-mobile-web-page – marekful

HTTP ：//stackoverflow.com/questions/8154505/how-can-i-force-a-site-to-scale-to-fix-for-mobile-iphone-android @MarcellFülöp击败了我... –

我认为我们不应该完全限制移动用户的放大，否则这种解决方案将是理想的。这个想法是防止缩放输入字段并仅选择下拉菜单。 – YaroslavS120

你可以这样来做：

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

2015-07-09 00:51:11

回答