自我修复#39;破碎#39; Google Chrome中的浮动行为

时间:2014-06-18 12:39:19

标签: css google-chrome css-float

在我正在处理的第一个响应项目中,我在Google Chrome中遇到了一些奇怪的浮动行为。

我已在此处上传了响应式标头的匿名版本:http://files.uiux.de/140618_header/

每当我在使用谷歌浏览器的桌面上访问此页面时,没有页面缓存,右侧角落的联系信息似乎有一个保证金顶部并且已经破坏了#39;漂浮的图标。一旦我重新加载页面,位置就会自动修复。

我可以通过将Chrome窗口的大小调整为最小设置,刷新页面然后调整Chrome大小,直到再次显示联系信息来重现此行为。

我对这种行为感到困惑。 Firefox和Safari工作得很好。有人可以向我解释那里发生了什么,也许可以提供一个可能的解决方案吗?

这里是初始渲染和刷新后的截图的​​截图。

enter image description here

0 个答案:

没有答案