问题是移动浏览器会放大输入字段或选择焦点下拉菜单。我已经研究了不同的解决方案,到目前为止,我发现最优雅的是将输入字段的字体大小设置为16px。这在独立的输入字段上工作正常,但是如果你有一个包含按钮的父容器,在将font-size更改为16px后会在按钮下面留下一点间隙。
另一种解决方案是将输入字段的默认字体大小设置为16px并正确调整按钮大小。
将字体大小设置为16px并不会阻止选择下拉列表进行缩放。
答案 0 :(得分:0)
你可以这样做:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">