您的位置:首页技术文章
文章详情页

html - [front-end]iOS 10下 viewport中user-scalable=no 无效,无法禁止用户缩放页面

【字号: 日期:2023-01-30 11:30:14浏览:50作者:猪猪

问题描述

进行移动端前端页面开发的时候有时候需要禁止用户缩放页面

一般使用meta声明如下即可:

<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no' />

ios10下失效了,请问有解决办法吗?

问题解答

回答1:

这是IOS10的一个新特性。无解的。以下是苹果官网的摘录

To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.

翻译过来就是

为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalable = no,用户也可以手动缩放。

回答2:

user-scalable=no 主要是防止双击放大

回答3:

遇到了同样的问题 请问找到解决方案了没啊

回答4:

试下加上最大最小缩放都设置为1

回答5:

都是用微信或者UC浏览器测试,还真没发现safari会这样

回答6:

苹果也这么想不开

标签: HTML