html - iOS9 Safari 视口(viewport)问题，meta 不能正确缩放？

Question

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

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

有谁知道解决这个问题？

非常感谢

[更新]

继讨论 here这个元似乎可以完成这项工作:

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

唯一的问题是，我不希望像这样更改视口(viewport)，以防它影响其他设备。是否有专门针对 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 开始，他们为内容超出视口(viewport)的网页引入了“缩小以适应”功能。

这可以通过添加 来恢复。收缩适应=否在视口(viewport)元标记中:

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

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