回答受付が終了しました
ID非公開
ID非公開さん
2023/7/17 11:24
3回答
Webデザインのレスポンシブについて質問です。
Webデザインのレスポンシブについて質問です。 レスポンシブではひとつのファイルに様々な画面幅に対応するための記述をしますが、元々ページの描画サイズに合わせて読み込むCSSのサイズを変えるのではダメなんでしょうか？
HTML、CSS・70閲覧
回答（3件）
その書き方はないですね。 画面幅を検知できるのは、CSSか、あるいはJavascriptのmatchMedjiaオブジェクトなので、そういうHTML要素での記述はできません。 https://coliss.com/articles/build-websites/operation/javascript/javascript-media-queries.html あと、レスポンシブにたいするちょっとした思い違いがあります。 ・基本的には、可変する画面幅にあわせて変化する、リキッドデザインなCSSを用意する。 ・変化量が大きくなると、リキッドデザインだけでは無理が出てくるので、そのつど、一部の設定をメディアクエリとして変えていく ・それをくりかえす このとき、共通指定をPC用で用意し、徐々に小さい画面用の限定的なCSSを与えていくのが、PCファースト（デスクトップファースト）、小さい方から徐々に広幅用を追加していくのが、モバイルファーストです。 なので、PC用、タブレット用、スマホ用という内容ではなく、 たとえばデスクトップファーストで記述するなら、 全サイズ共通用 ノートPCサイズ以下用 タブレットサイズ以下用 スマホサイズ以下用 となって、記述量がどんどん減っていくのが基本です。
NEW! この回答はいかがでしたか？ リアクションしてみよう
ID非公開
ID非公開さん
質問者2023/7/17 16:10
いやできますけど
こんにちは。レスポンシブ大好きコーダーです。 >元々ページの描画サイズに合わせて読み込むCSSのサイズを変える →ここがごめんなさい、よく分かりませんでした。 どのような書き方を想定していらっしゃるのでしょうか？
ID非公開
ID非公開さん
質問者2023/7/17 13:58
