Правила CSS игнорируются

Начиная с обновления до 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 для тестирования. Он содержит два скрытых объекта, но в этой упрощенной версии только один из них терпит неудачу. Я ожидал, что оба потерпят неудачу, как в моем реальном сценарии, но вы не можете получить все, что хотите;)

Ответ 1

Это давно, так как этот вопрос был поднят, и, к сожалению, я не помню точное решение. Мне пришлось покинуть проект и вернуться к нему через несколько месяцев.

Я помню, что это было связано с каким-то странным поведением с Bootstrap 3 в моем проекте, поэтому в iOS нет ошибки. Я изменю название вопроса, чтобы лучше отразить это.

Ответ 2

Я предполагаю, что это связано с шириной ошибки, о которой часто сообщалось об 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.