ブートストラップを使用してレスポンシブ デザインを構築しており、モバイル用とデスクトップ用の 2 つのナビゲーション バーがあります。
モバイルファーストのフレームワークであるため、デスクトップは でのみトリガーされmin-width:992px
、それ以外は として設定されdisplay:none
ます。私はデスクトップ ナビゲーション用の CSS をたくさん持っていますが、最小幅 992 のメディア クエリに配置するのが最善なのか、それとも単にメディア クエリの外に置いておくのが最善なのか疑問に思っていました。
ベストプラクティスは何ですか?
また、メディア クエリの CSS は、メディア クエリがトリガーされたときにのみ読み込まれますか? CSSがそのまま読み込まれることはかなり確信していますが、聞いてみたいと思いました。