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

Question

问题是移动浏览器会放大输入字段或选择下拉焦点。我研究了不同的解决方案，到目前为止，我发现最优雅的解决方案是将输入字段的字体大小设置为 16 像素。这在独立的输入字段上运行良好，但如果您有一个包含按钮的父容器，在将 font-size 更改为 16px 后会在按钮下方产生一点间隙。

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

将字体大小设置为 16 像素并不会阻止选择下拉菜单缩放。

Answer 1

你可以这样做：

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