移动端屏幕禁止缩放

NoraZy.

于 2021-01-14 17:23:29 发布

阅读量193

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/ZzArey/article/details/112622191

版权

本文介绍了如何在H5页面中禁止移动端屏幕缩放，通过修改viewport元标签的content属性，设置`user-scalable=0`以及`minimum-scale`和`maximum-scale`为1.0，可以实现这一功能，确保页面在不同设备上保持固定比例显示。

摘要由CSDN通过智能技术生成

H5中默认的配置：

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

禁止缩放后的配置：

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

在这里插入图片描述

关注