响应式网页缩小以适应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">