BetterMan https://blog.hatena.ne.jp/BetterMan/ To Become A Better Man　より良い自分になる為に https://betterman.hatenadiary.com/ width: 1000pxとmax-width: 1000pxの違い width: 1000px >>> 画面幅が小さくなっても大きくなっても要素の幅は1000px max-width: 1000px >>> 画面の幅が1000px未満の時は要素の幅も画面幅に応じて小さくなる。画面幅が1000pxを超えた場合は1000pxのまま remとは root em の略 / 最上位階層のM＝１文字分の大きさを表す単位 1rem=1font-size(指定しない限り16px) html { font-size: 10px} とした場合は、1rem=10pxになる ルート要素(html)に対する割合 計算… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbetterman.hatenadiary.com%2Fentry%2F2021%2F10%2F01%2F000601" title="106 How rem and max-width works - To Become A Better Man　より良い自分になる為に" 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 2021-10-01 00:06:01 rich https://betterman.hatenadiary.com/entry/2021/10/01/000601 1.0 100%