文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
html - [front-end]iOS 10下 viewport中user-scalable=no 无效，无法禁止用户缩放页面
黄舟
黄舟 2017-04-17 14:36:20
[HTML讨论组]
0 6 849
举报

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

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

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

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

黄舟
黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全部回复(6)
伊谢尔伦
伊谢尔伦2017-04-17 14:38:20 6楼

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

赞 +0
添加回复
黄舟
黄舟2017-04-17 14:38:20 5楼

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

赞 +0
添加回复
怪我咯
怪我咯2017-04-17 14:38:20 4楼

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

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 14:38:20 3楼

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

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 14:38:20 2楼

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

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 14:38:20 1楼

苹果也这么想不开

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部