html - 响应式网页缩小以适应 iOS 上的整个页面

Question

我制作了一个网页的移动版本，它可以在 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 上。

有人知道我如何解决这个问题吗？

非常感谢

Answer 1

meta 标签的正确格式如下:

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