Начиная с обновления до iOS 9, мое веб-приложение изменило поведение и теперь показывает весь контент с помощью CSS-стиля display: none и visibility: hidden. Эта "функция" отображается как в Safari, так и в Chrome для iOS.
Тот же контент скрыт (как и ожидалось) в Chrome, Firefox, Safari и IE для Windows и на телефонах Android. Проблема, похоже, связана с iOS, но я не мог найти никакой информации об этом.
Я знаю, что есть ошибка медиа-запросов для iOS 9 (описано здесь и здесь), но у меня нет проблем с отзывчивостью страницы или масштабированием.
Также стоит отметить, что я использую Twitter Bootstrap 3, и это именно их скрытые классы, которые не работают должным образом в iOS.
<div class="hidden">Hide me please</div>
Почему контент не скрывается?
Обновление
Я проверил fiddle для тестирования. Он содержит два скрытых объекта, но в этой упрощенной версии только один из них терпит неудачу. Я ожидал, что оба потерпят неудачу, как в моем реальном сценарии, но вы не можете получить все, что хотите;)
Это давно, так как этот вопрос был поднят, и, к сожалению, я не помню точное решение. Мне пришлось покинуть проект и вернуться к нему через несколько месяцев.
Я помню, что это было связано с каким-то странным поведением с Bootstrap 3 в моем проекте, поэтому в iOS нет ошибки. Я изменю название вопроса, чтобы лучше отразить это.
Я предполагаю, что это связано с шириной ошибки, о которой часто сообщалось об IOS9, которая может выглядеть так: Safari не принимает правильную учетную запись медиа-запросов.
Возможным обходным решением может быть, установление или добавление этих значений в meta viewport:
initial-scale=1.0001
minimum-scale=1.0001
maximum-scale=1.0001
user-scalable=no
Не устанавливайте ширину страницы в мета-видовом экране! Это вызовет больше проблем.
все таким образом:
<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>
если он работает, вы можете установить javascript только для добавления определенного meta viewport только для веб-сайта IOS9.