メディアクエリを使用するページを作成しています:
@media
only screen and (max-width: 320px){}
ページ幅のサイズが 320 ピクセル以下 (小さいページと呼びます) の場合、メディア クエリ内に CSS が読み込まれます。しかし、Chrome でタブ 1 を開き、ブラウザーの幅を 320 ピクセル未満に変更すると、モバイル スタイルのページが表示されますが、新しいタブ 2 で新しいページを開き、このタブを最大化して、しばらくしてから ( 5 分)、tab1 に戻ります。まだモバイル スタイルが読み込まれています。すぐに戻ると、tab1 に正しい CSS スタイルが表示されます。スクリーンショットをご覧ください。
写真 1 は通常のページ
写真 2 は小さなページ ロードのメディア クエリ スタイル
写真 3 は奇妙なページです。別のタブを最大化すると、しばらくしてアカウントの概要ページに戻ります。このようになります。期待される結果は通常のページを表示する