禁用移动设备缩放

时间:2017-04-29 21:11:23

标签: java html iphone mobile viewport

我按照本指南禁用移动设备的缩放功能。

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

任何有关为什么不起作用的想法以及有关如何制作它的任何建议都将非常感谢!

2 个答案:

答案 0 :(得分:4)

您的代码没问题,问题是iOS特定的。引用另一个关于stackoverflow的问题:

  

对于寻找iOS 10解决方案的人来说,用户可扩展=否   在Safari for iOS 10中禁用。原因是Apple正在努力   通过允许人们放大网页来改善可访问性。

在这里查看整个帖子: How do you disable viewport zooming on Mobile Safari?

或者这个: disable viewport zooming iOS 10 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>