问题是移动浏览器会放大输入字段或选择焦点下拉菜单。我研究了不同的解决方案,到目前为止,我发现最优雅的解决方案是将输入字段的字体大小设置为 16px。这在独立输入字段上工作正常,但如果您有一个包含按钮的父容器,将 font-size 更改为 16px 后按钮下方会出现一些间隙。
另一种解决方案是将输入字段的默认字体大小设置为 16px 并正确调整按钮大小。
不过,将字体大小设置为 16px 不会阻止选择下拉菜单缩放。
最佳答案
你可以这样做:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
关于javascript - 在移动设备上禁用输入自动缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24310074/