Я играл с адаптивным CSS, изменяя размер окна Google Chrome, когда заметил, что страница Twitter Bootstrap кажется «заставлять Google Chrome сбой» в определенных случаях.Почему твиттер загрузочный «икота» в Google Chrome при изменении размера?
Шаги по воспроизведению (с настольного компьютера):
- начать с пустой вкладки Google Chrome, полный экран
- Посетите http://twitter.github.com/bootstrap/
- Постепенно сделать окно уже, отпуская мышь каждые 100 пикселей или около того.
- Продолжайте, пока не получите «полностью мобильную версию», размером около 400 пикселей (синяя кнопка «Просмотр проекта на github» находится над белой кнопкой «Загрузить Bootstrap», и они полны).
- Теперь сделайте окно толстым снова, позволяя мыши идти после каждых 20 пикселей или около того.
Скорее всего, вы получите странное поведение при выполнении шагов 4 или 5 - Chrome запутался в размерах или забыл нарисовать вертикальную область страницы (которая белая). Мне также удалось получить «фантомную боковую панель» в некоторых редких случаях.
Я пробовал в двух разных компьютерах, и я все еще получаю те же проблемы (как с помощью Ubuntu 12)
Дело в том, другие реагирующие сайты не имеют этой проблемы. См., Например, http://css-tricks.com/. Вы можете изменить свой размер все, что хотите, и Chrome никогда не испытывает никаких проблем с отображением нескольких макетов, которые он имеет (на самом деле, у него больше макетов, чем в twitter bootstrap).
Поэтому я могу только сделать вывод, что эта проблема связана с twitter-bootstrap. Вероятно, связано с тем, как написаны правила CSS или HTML-контент, или, возможно, связаны с тем, как структурированы файлы.
Я использую twitter bootstrap в качестве базы для одного из моих сайтов, и я бы хотел решить эту проблему. Кто-нибудь есть идеи о том, как действовать?
У меня нет этой проблемы на начальной загрузки сайта. Я знаю, что иногда я на других сайтах. Как правило, это «тяжелые». Тени, непрозрачность, 3D-преобразования и радиус границы имеют тенденцию увеличивать шансы. Кроме того, я замечаю это больше на моем более медленном домашнем iMac, чем мой более быстрый рабочий. – will
Это не имеет большого значения. Я тоже столкнулся с этим. Никогда не было проблем с использованием моего сайта на iPad, iPhone или iMac. –
Не уверен, что я вижу что-то ужасное на моей машине (Chrome/Win7). Что именно я ищу? Кнопки не изменяют размер (полная ширина) отлично между определенным диапазоном пикселей - это единственное, что я вижу. – PJH