我按照本指南禁用移动设备的缩放功能。
https://davidwalsh.name/zoom-mobile-browsers
许多其他人建议指南建议使用:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
我已经尝试了这个以及视口的几个变体,我无法让它工作。在查看&#34;示例&#34;从我所遵循的指南中我意识到它也没有用。
https://davidwalsh.name/demo/mobile-viewport.php
任何有关为什么不起作用的想法以及有关如何制作它的任何建议都将非常感谢!
答案 0 :(得分:4)
您的代码没问题,问题是iOS特定的。引用另一个关于stackoverflow的问题:
对于寻找iOS 10解决方案的人来说,用户可扩展=否 在Safari for iOS 10中禁用。原因是Apple正在努力 通过允许人们放大网页来改善可访问性。
在这里查看整个帖子: How do you disable viewport zooming on Mobile Safari?
答案 1 :(得分:0)
这个应该有效:
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>