#css #google-chrome #css-float
#css #google-chrome #css-float
Вопрос:
Я испытываю какое-то странное плавающее поведение в Google Chrome в рамках первого адаптивного проекта, над которым я работаю.
Я загрузил анонимизированную версию моего отзывчивого заголовка здесь: http://files.uiux.de/140618_header /
Всякий раз, когда я захожу на эту страницу на рабочем столе с помощью Google Chrome, не имея кэша страницы, контактная информация в правом углу, похоже, имеет поля сверху и «сломанные» плавающие значки. Как только я перезагружаю страницу, позиция автоматически фиксируется.
Я могу воспроизвести это поведение, изменив размер окна Chrome до самого узкого значения, обновив страницу, а затем изменив размер Chrome, пока контактная информация не появится снова.
Я сбит с толку этим поведением. Firefox и Safari работают просто отлично. Может кто-нибудь объяснить мне, что там происходит, и, возможно, предложить возможное решение?
Вот скриншот как начального рендеринга, так и после обновления.
Комментарии:
1. Похоже, что значки выталкивают содержимое на дно. Возможно, вы сможете решить эту проблему, если установите минимальную ширину для ul или li
2. @Huangism Спасибо за подсказку, но я думаю, что это не проблема. Я отредактировал свой пост, включив в него скриншот начального рендеринга и скриншот после обновления.
3. Загружается нормально для меня в первый раз.
4. У меня было много проблем с браузерами на основе webkit. Я думаю, что установка минимальной ширины или ширины будет работать, пока вы ищете причину, по которой это происходит. Я смог воспроизвести его при первой загрузке и при загрузке на меньшем экране, а затем изменить его размер на большой
5. Можете ли вы воспроизвести его, если
ul.infoоно указано раньшеa.logoв разметке?