响应式网页缩小以适应 iOS 上的整个页面答案

【问题标题】：Responsive web page shrinking to fit entire page on iOS响应式网页缩小以适应 iOS 上的整个页面
【发布时间】：2016-08-11 14:35:13
【问题描述】：

我制作了一个网页的移动版本，它可以在 Android 和小型浏览器窗口上正常运行。然而，在 iOS 上，当用户捏住屏幕时，它会缩小以适应屏幕上的整个页面。这是一个长页面，所以这并不理想。

我脑子里有以下几点：

    <meta name="viewport" content="width=device-width, 
     initial-scale=1.0, user-scalable=no, shrink-to-fit=no">

我知道 iOS 10 存在覆盖 user-scalable=no 的已知问题，但 iOS 9 和 8 也会发生这种情况。

有没有人知道我可以如何解决这个问题？

非常感谢

【问题讨论】：

【解决方案1】：

那个meta标签的正确格式如下：

<meta content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0,width=device-width" name="viewport">

【讨论】：

感谢您的回复。不幸的是，它不能解决问题。
奇怪，我从来没有遇到（或者，至少，被告知）任何使用上述内容的问题。 this answer 对你有用吗？
不要使用user-scalable=0！！！这可以防止用户放大和缩小，因此视力不佳的人可能无法阅读内容。没有理由这样做，除非可能是非常罕见的情况，例如网页游戏。另请参阅blog.javierusobiaga.com/…。