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

Question

我在最近的网站部署中遇到了一个奇怪的问题 - 该网站无法在任何 iOS9 Safari 移动浏览器上正常缩放，这似乎缩小了该网站。

据我所知，这对任何其他设备来说似乎都不是问题，我已经在 Firefox（Android 和桌面）上对其进行了测试，Chrome（Android 和桌面）、Safari（桌面）、IE（桌面）。

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

非常感谢

[更新]

根据讨论 here 这个 meta 似乎可以完成工作：

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

唯一的问题是，我不想像这样更改视口，以免影响其他设备。是否有更好的专门针对 iOS9 的修复程序？也许通过浏览器嗅探？

再次感谢

Answer 1

我最终使用了 HTTP_USER_AGENT 并为每个条件使用了不同的元数据（下面的 PHP 解决方案）：

<?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 他们为网页引入了 "Shrink to fit" 功能内容比视口延伸得更远。

这可以通过在视口元标记中添加 shrink-to-fit=no 来恢复：

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

瞧！问题已解决并恢复到 iOS8 功能。我想这会影响很多网站...

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

iOS9 Safari viewport issues, meta not scaling properly?

html

ios

safari

ios9

meta