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

Javascript 在移动设备上禁用输入自动缩放,javascript,html,ios,css,mobile,Javascript,Html,Ios,Css,Mobile,问题是移动浏览器将放大输入字段或选择焦点下拉列表。我研究过不同的解决方案,到目前为止,我发现最优雅的解决方案是将输入字段的字体大小设置为16px。这在一个独立的输入字段上可以很好地工作,但是如果您有一个包含按钮的父容器,在将字体大小更改为16px之后,将在按钮下产生一点间隙 另一个解决方案是将输入字段的默认字体大小设置为16px,并正确调整按钮大小 但是,将字体大小设置为16px并不能阻止选择下拉列表缩放 您可以这样做: <meta name="viewport" content="wi

问题是移动浏览器将放大输入字段或选择焦点下拉列表。我研究过不同的解决方案,到目前为止,我发现最优雅的解决方案是将输入字段的字体大小设置为16px。这在一个独立的输入字段上可以很好地工作,但是如果您有一个包含按钮的父容器,在将字体大小更改为16px之后,将在按钮下产生一点间隙

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


但是,将字体大小设置为16px并不能阻止选择下拉列表缩放

您可以这样做:

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

@MarcellFülöp击败了我……我认为我们不应该完全限制移动用户放大。否则,这个解决方案将是理想的。这样做的目的是防止在输入字段上缩放,并仅选择下拉列表。