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

问题描述

问 题

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

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

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

ios10下失效了，请问有解决办法吗？

解决方案

这是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，用户也可以手动缩放。

这篇关于html - [front-end]iOS 10下 viewport中user-scalable=no 无效，无法禁止用户缩放页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！