0

Sorry for pictures, but this bug appears randomly, I can't provide jsFiddle code, because I don't know how to reproduce it.

Here is part of my site that looks good in major browsers: Valid layout

Usually it looks good in Chrome, but sometimes I am getting this layout:

Invalid layout

This bug appears on all site pages, not just this sample page.

When I try to open development tools and change some layout, bug is eventually dissapear on entire site and I can't reproduce it until make few browser reloads.

I also know that it is old Chrome bug, it is exists at least one year, so I believe that somebody already know solution how to fix it.

Please help me, any help is appreciated.

P.S. I have "clean" browser, without extensions. Other people also see this bug, not only me:).

P.P.S. If somebody want to reproduce this bug - you can follow site (link removed at request) that you see on pictures, but as I told before - it appears sometimes, if it's not appear, close and open browser and try again.

4

1 に答える 1

1

このメニューで使用されるフォントが最終的にダウンロードされて利用可能になったときに、最終的なリフローによって修正されない FOUC が疑われます。

アイテムは「SignikaNegativeBold」フォントでスタイルされています。このフォントは@font-face、3 番目の CSS ファイルで読み込まれます。それは非常に遅いです。最初の CSS ファイルの先頭で、画像やその他のリソースの前にできるだけ早くロードしてみてください。@importそれ以外の場合は機能しないため、その前に宣言のみを記述する必要があります。

また、異なる CSS ファイルを 1 つにマージして、1 つの CSS ファイルのみをロードするようにしてください (多くの CSS ファイルを引き続き使用する必要があります。サーバー上でそれらを 1 つの新しいファイルにマージし、ユーザーがダウンロードします)。

無関係: 宣言します<html lang="ru" (...)>が、私には英語のように見えます。キリル文字は読めません ;) 多言語 Web サイトで宣言された言語を動的に変更する必要があります。en英語のページ、ruロシア語のページなど

于 2012-09-29T14:13:16.273 に答える