html制作页面中如何禁止浏览器缩放？

html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

注意:meta在head里。

1.0。

HTML页面的缩放比例正常设置为1.0，表示不缩放。但是，不同的设备可能会有不同的屏幕尺寸，所以在使用CSS或者meta标签来设置缩放比例时，要考虑到不同设备的特性，这样才能让页面在不同设备上都能显示正确。

HTML页面是使用HTML编写的Web文档，包含文本，图像，视频等多媒体元素，以及其他可以在浏览器中显示的内容。

这个主要应用在手机端，有些网页的尺寸到了手机这里，页面尺寸就会缩小。如何保证手机看到的页面尺寸大小就是我们给网页设置的body长和宽呢？

方法如下：  

1、设置meta属性

content属性值 :

（1）width：可视区域的宽度，值可为数字或关键词device-width；

（2）height：同width；

（3）intial-scale：页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放；

（4）maximum-scale=1.0, minimum-scale=1.0：可视区域的缩放级别，maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上；

（5）user-scalable：是否可对页面进行缩放，no 禁止缩放。

2、苹果为了提高Safari中网站的辅助功能，屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面，就算加上user-scalable=no，Safari浏览器也能支持手动缩放。所以只能用js加监听事件来阻止手动缩放。

width=device-width ：表示宽度是设备屏幕的宽度

initial-scale=1.0 ：表示初始的缩放比例

minimum-scale=0.5 ：表示最小的缩放比例

maximum-scale=2.0 ：表示最大的缩放比例

user-scalable=yes ：表示用户是否可以调整缩放比例

---