0

对不起图片,但是这个bug随机出现,我无法提供jsFiddle代码,因为我不知道如何重现它。

这是我的网站的一部分,在主要浏览器中看起来不错: 有效布局

通常它在 Chrome 中看起来不错,但有时我会得到这样的布局:

布局无效

此错误出现在所有站点页面上,而不仅仅是此示例页面。

当我尝试打开开发工具并更改某些布局时,错误最终会在整个站点上消失,并且在重新加载几次浏览器之前我无法重现它。

我也知道它是旧的 Chrome 错误,它至少存在一年,所以我相信有人已经知道如何解决它。

请帮助我,任何帮助表示赞赏。

PS我有“干净”的浏览器,没有扩展。其他人也看到了这个错误,不仅仅是我:)。

PPS 如果有人想重现此错误 - 您可以关注您在图片上看到的站点(应请求删除链接),但正如我之前所说的 - 它有时会出现,如果没有出现,请关闭并打开浏览器并重试。

4

1 回答 1

1

我怀疑当最终下载此菜单使用的字体并可用时,最终重排未纠正 FOUC。

项目的样式使用“SignikaNegativeBold”字体。此字体@font-face在第三个 CSS 文件中加载。已经很晚了,尝试在任何图像或其他资源之前尽快加载它,在第一个 CSS 文件的开头。在此之前只@import应编写声明,否则将无法正常工作。

还可以尝试只加载一个 CSS 文件,将不同的 CSS 文件合并为一个(您应该继续处理许多 CSS 文件,只需将服务器上的它们合并为一个可供用户下载的新文件)。

无关:您声明<html lang="ru" (...)>但它对我来说显示为英语,我看不懂西里尔文;)您应该在多语言网站中动态更改声明的语言。en英文页面,ru俄文页面等

于 2012-09-29T14:13:16.273 回答