na_ah https://blog.hatena.ne.jp/na_ah/ na_ahのブログ https://na-ah.hatenablog.com/ こんにちは！ 今回はCSSでmax-width: 100%を指定する理由についてまとめます。 コード na-ah.hatenablog.com コードは前回と同様 ウインドウ幅を狭めた場合の挙動を比較 min-width: 300pxの場合 最小でも300pxという指定をしているため、ウィンドウ幅が300pxを下回ると、ボタンがはみ出している width: 300pxの場合 300px固定のため、同様にウィンドウ幅が300pxを下回ると、ボタンがはみ出している max-width: 300pxの場合 最大幅が300pxという指定のため、ウィンドウ幅が300pxを下回った場合でも、ウィンドウ幅に… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fna-ah.hatenablog.com%2Fentry%2F2024%2F03%2F06%2F000000" title="CSSでmax-width: 100%を指定する理由 - na_ahのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/na_ah/20240311/20240311163753.png Hatena Blog https://hatena.blog 2024-03-06 00:00:00 rich https://na-ah.hatenablog.com/entry/2024/03/06/000000 1.0 100%