Chrome中糟糕的渐进式渲染

时间:2016-02-04 07:13:34

标签: html google-chrome

当我使用Chrome加载页面时,我会在右边看到html元素,直到渲染结束。渲染结束后,元素正确位于屏幕的中心。 看看:

http://www.socepi.it/

我对IE或firefox没有这个问题...我该如何解决?

1 个答案:

答案 0 :(得分:1)

我注意到它主要是头部正在这样做。

你正在做一些老派的事情,比如用表格来标题。 '#headerContainerTable'看起来像是一场等待发生的灾难所以也许这就是你看到这种渲染的原因。

就个人而言,我会选择“#headerContainer”并将其与css居中,而不是将其放在表格中。所以只需将其从#headerContainerTable中删除并将其放在#headerPanel下,然后使用css水平居中(请参阅此处:How to horizontally center a <div> in another <div>?

如果您想快速入侵,可以尝试为您设置固定宽度:

#headerContainerTdLeft
#headerContainerTdRight

只是看看它做了什么..