tmg1998 https://blog.hatena.ne.jp/tmg1998/ TIL https://tmg0525.hatenadiary.jp/ C HTML レスポンシブデザイン Progateに書いてあったことを自分なりにまとめてみる 画面サイズによって横並びにするコンテンツ数を変更する paddingとborderもwidthに含める width: 100%;にする floatの解除 フォントサイズもレスポンシブ化 最大の横幅を指定する 画面サイズによって横並びにするコンテンツ数を変更する 例）通常時は4つ、1000px以下のときは2つ 通常時：25% 1000px時：50% 1000pxのときも25%にしてしまうと、小さくなってしまうため /* 通常時 */ .item { width: 25%; } /* 〜1000px時 */ @media(max-width… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftmg0525.hatenadiary.jp%2Fentry%2F2018%2F04%2F08%2F103136" title="レスポンシブデザインで気にすること - HTML - TIL" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2018-04-08 10:31:36 rich https://tmg0525.hatenadiary.jp/entry/2018/04/08/103136 1.0 100%