3

问题：

当我加载我设计的网站时，页面加载时布局会出现短暂的不稳定，然后会卡入正确的位置。这种行为至少发生在 Safari 和 Chrome 中。

如何在页面加载时将所有内容保存在正确的最终位置？

代码：

键盘上有问题的 HTML（出于隐私原因更改了详细信息）：http ://codepad.org/GSGHYF0N

样式表：http ://codepad.org/Yr4ULwi0

附加信息：

  • 最明显的不合适的地方是 <h2>Location</h2>.
  • 图像都是 HTML 和 CSS 中指示的大小。
  • 这不是因为出现滚动条而导致整个布局转变为一个的问题。

资源

Google Developers 上的信息很有用，但没有说明如何解决我的特定问题。但是，由于防止垃圾邮件，StackOverflow 不允许我发布这些链接。

http://jsfiddle.net/QHeG8/

4

1 回答 1

0

我无法复制这个问题，但它可能是由 webfonts 加载和渲染引起的。

这可以解释为什么<h2>Location</h2>会移动 - 因为它的位置取决于<h3>Tagline</h3>

您可以尝试使用标准系统字体来查看是否可以解决问题。

此外，如果您打开了开发工具，这会减慢页面渲染速度并禁用缓存（如果您勾选了该选项）

于 2014-02-17T17:06:42.057 回答