iOS9的Safari视口问题，元不能正确缩放？

我有一个最近的网站部署奇怪的问题 – 该网站是不正确的任何iOS9的Safari浏览器移动浏览器，看起来缩小了网站。

就我所知，我已经在Firefox（Android和桌面），Chrome（Android和桌面），Safari（桌面），IE（桌面）上对其进行了testing。

有没有人知道这个问题的解决办法？

非常感谢

[UPDATE]

从这里的讨论继续这个元似乎做的工作： 

<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>

唯一的问题是，我不希望像这样改变视口，以防其他设备出现问题。 有没有更好的解决专门为iOS9？ 也许通过浏览器嗅探？

再次感谢

我结束了使用HTTP_USER_AGENT并为每个条件使用不同的meta（下面的PHP解决scheme）： 

 <?php if(strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strpos($_SERVER['HTTP_USER_AGENT'],'iPad' ) || strpos($_SERVER['HTTP_USER_AGENT'], 'iPod' ) !== false){ if (strpos($_SERVER['HTTP_USER_AGENT'], 'OS 9') !== false) { echo '<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>'; } else { echo '<meta name="viewport" content="<WHATEVER_CONTENT>"/>'; } } else { echo '<meta name="viewport" content="<WHATEVER_CONTENT>"/>'; }?>

希望这有助于任何未来有这个问题的人。

[更新 – 更好的方法]

更好的是，而不是浏览器嗅探的方式，感谢Krepelk （从前面提到的原始论坛继续） – 自iOS9以来，他们为网页引入了“缩小到合适”的function，内容比视口延伸得更远。

这可以通过在视口元标记中添加“ 缩小到适合=否”来恢复： 

 <meta name="viewport" content="width=device-width, initial-scale=1, min-scale=1, max-scale=1, shrink-to-fit=no">

瞧！ 问题已解决，并恢复到iOS8function。 我想这会影响很多网站…

Interesting Posts