文章详情页
html - [front-end]iOS 10下 viewport中user-scalable=no 无效,无法禁止用户缩放页面
浏览:38日期:2023-01-30 11:30:14
问题描述
进行移动端前端页面开发的时候有时候需要禁止用户缩放页面
一般使用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
排行榜