responsive-design - CSS レスポンシブ Web デザイン: タブレットの横向きと縦向きで最小幅と最大幅は変わりますか?

Question

Web サイトの CSS をレスポンシブに変更しています。あちこちにメディア クエリを投げる準備ができましたが、次のようなことが起こりました。

タブレットを縦向きから横向きに、またはその逆に切り替えると、メディアクエリが実行する「幅」属性 (「最小幅」、「最大幅」など) は変わりますか?

これは、作成する必要があるバリアント CSS のセット数の 2 倍のセットを作成する必要があるかどうかを判断するのに役立ちます。

Answer 1

はい、変わります。ブラウザーは、ユーザーがそうしないように指示しない限り、常に表示幅に従ってコンテンツをレンダリングします。