移动端禁止屏幕缩放
# 移动端禁止屏幕缩放
将 web 页面嵌入移动端后,默认可以将页面放大拉伸的效果,可以通过设置如下属性将其禁用,具体操作如下:
首先,找到程序的入口页面
其次,在 meta 标签中添加如下两个属性即可:
maximum-scale=1.0, user-scalable=0
1
其中,maximun-scale:允许用户的最大缩放值;user-scalable:是否允许用户进行缩放,默认属性为允许 yes 或 1,而不允许则需设置为 no 或 0;
最后,实际设置如下:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
1
上次更新: 10/21/2021, 1:52:09 PM