手机端网页禁止缩放,手机打开网页不能缩放

　　通常在编写HTML5移动页面时，我们会发现页面上显示的元素比例不正确，所以这时候我们需要补充的是：

　　meta= viewport content= width=device-width，initial-scale=1 或yes

　　meta= viewport content= width=device-width，initial-scale=1.0，minimum-scale=0.5，maximum-scale=2.0，user-scalable=yes /那么我们来解释一下这句话：

　　Viewport:表示显示窗口；

　　Width=device-width，initial-scale=1.0:表示显示窗口的宽度等于设备的屏幕宽度，initial-scale=1.0，即初始缩放比例为1.0；

　　最小比例：表示允许缩放的最小比例。

　　最大值：指示允许缩放的最大比例。

　　用户可缩放：指示是否允许用户缩放页面，值可以是“是”或“否”

　　实例问题情况：

　　现象：

　　当用户在手机页面点击输入输入框编辑文字时，页面会自动放大。

　　解决：

　　插入页面的head标签。

　　meta= viewport content= width=device-width，initial-scale=1.0，minimum-scale=1.0，maximum-scale=1.0 /或者不允许用户缩放页面User-scalable=No

　　总结

　　以上是边肖为您介绍的解决HTML5移动页面缩放问题的方法。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。