Проблемы с окном просмотра iOS9 Safari, мета не масштабируется должным образом?

Question

У меня странная проблема с недавним развертыванием веб-сайта - веб-сайт неправильно масштабируется в любом браузере iOS9 Safari-mobile, который, по-видимому, сокращает сайт.

Насколько я вижу, это не является проблемой для любого другого устройства, и я протестировал его на Firefox (Android и Desktop), Chrome (Android и Desktop), Safari (Desktop), IE (Desktop).

Кто-нибудь знает решение для этого?

Большое спасибо

[ОБНОВИТЬ]

После обсуждения здесь эта мета, кажется, делает работу:

<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=no в метатег viewport:

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

И вуаля! Проблема решена и возвращена обратно к функциональности iOS8. Я думаю, что это повлияет на многие сайты...