かなり理解したCSSとレスポンシブ【Day 76 of 100】

3月 15, 2026

—

メタタグと@media

レスポンシブ対応ってそういうことだったんですね。

    <meta name="viewport" content="width=device-width, initial-scale=1" />

まずhtmlにメタタグ書いて

			
@media (max-width: 600px) {
  html {
    font-size: 87.5%;
  }、、、、、、

cssにmax 600pxまでの条件での表示は以下、、、、と記述する。基本はそういうことだったのか、、、。

思うようにスマホ用に表示されなかったのでAIカテキョに聞いて微調整

一個一個納得しながらAIの提案を埋め込んでいく、、、

今回はAIの提案をすべて理解しながら実装できた。理想的だ！