Safari点击input后页面放大的问题

Safari点击input后页面放大的问题
要使Safari点击input页面不会自动放大,将
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
改成
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
即可。

以上一行代码如果没有的话,请加入到“<head>”之中。

修改后加入了
, user-scalable=no
设置网页不会被自动放大。

ViewPort是用于指定用户是否可以缩放Web页面,设置缩放的最大和最小缩放比例的标记。下面是其它设置的解释:
width=device-width // 网页宽度等于设备宽度
initial-scale=1 // 启动放大倍数1,及100%
minimum-scale=1 // 最小缩放比例为1
maximum-scale=1 // 最大缩放比例为1


6

相关文章