私は、モバイル デバイス用の適応のために CSS ファイルを使用しています。
<link rel="Stylesheet" type="text/css" href="v2-sites-mobile.css" media="only screen and (max-width: 767px)" />
モバイル デバイス (幅が 768 ピクセル未満) では、これは完全に機能します。ただし、デスクトップ デバイスでは、ファイルsites-mobile.css
をロードしてはならない場合、Google Chrome はそのファイルをインスペクタの [ネットワーク] タブに [保留中] として表示します。
ご覧のとおり、Chrome はファイルを「まだ読み込まれていない」と見なします。これにより、糸車が無限に回転します。
これは Chrome のバグですか、それとも何か間違っていますか?