Почему твиттер загружается «икотой» в Google Chrome при изменении размера?

Я играл с адаптивным CSS, изменяя размер окна Google Chrome, когда заметил, что страница Twitter Bootstrap, кажется, в некоторых случаях «заставляет Google Chrome сбой».

Действия по воспроизведению (с настольного компьютера):

  1. Начните с пустой вкладки Google Chrome, полноэкранный режим
  2. Посетитеhttp://twitter.github.com/bootstrap/
  3. Постепенно сужайте окно, отпуская мышь каждые 100 пикселей или около того.
  4. Продолжайте, пока не получите «полностью мобильную версию»,около 400 пикселей (Синяя кнопка «Просмотреть проект на github» находится поверх белой кнопки «Скачать Bootstrap», и обе они имеют полную -ширину ).
  5. Теперь снова сделайте окно толстым, отпуская мышь через каждые 20 пикселей или около того.

Скорее всего, вы получите странное поведение при выполнении шагов 4 или 5 -Chrome путается в размерах или забывает отрисовать вертикальную область страницы (, которая отображается белым ). Мне также удалось получить «фантомную боковую панель» в некоторых редких случаях.

Я пробовал на двух разных компьютерах, и у меня по-прежнему возникают те же проблемы (, что и при использовании Ubuntu 12 )

. Дело в том, что на других адаптивных сайтах такой проблемы нет. См., например,http://css-tricks.com/. Вы можете изменить его размер как хотите, и у Chrome никогда не возникнет проблем с отображением нескольких макетов, которые у него есть (, на самом деле, у него больше макетов, чем у twitter bootstrap ).

Поэтому я могу только заключить, что эта проблема специфична для twitter -bootstrap -. Вероятно, это связано с тем, как написаны правила CSS или содержимое HTML, или, возможно, связано со структурой файлов.

Я использую twitter bootstrap в качестве основы для одного из своих сайтов и хочу решить эту проблему. У кого-нибудь есть идеи о том, как действовать?

7
задан kikito 18 July 2012 в 08:33
поделиться