Chrome でブラウザー ウィンドウのサイズを変更すると、単一の CSS メディア クエリ宣言を使用すると白いフラッシュが発生します。メディア クエリを削除すると、問題は解決します。誰もこの問題を経験しましたか? 回避策はありますか?
私のメディアクエリ:
@media screen and (min-width: 1200px) {
/* Styles go here */
}
Chrome でブラウザー ウィンドウのサイズを変更すると、単一の CSS メディア クエリ宣言を使用すると白いフラッシュが発生します。メディア クエリを削除すると、問題は解決します。誰もこの問題を経験しましたか? 回避策はありますか?
私のメディアクエリ:
@media screen and (min-width: 1200px) {
/* Styles go here */
}
少し調べて、他の2人とチャットした後、このWebkitのバグの修正を見つけることができました。白いフラッシュを修正するために、私はこれらのCSS宣言を使用することができました:
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
また、これによってWebkitのバグが回避される可能性があるとも言われています。
-webkit-backface-visibility: hidden;
これらの宣言をbodyタグに適用しましたが、Webサイトによっては動作が異なる場合があります。
おそらくこれはChromeの既知の問題です。どのバージョンを使用していますか。これはこのスレッドに従って修正されたようです。