min-widthについて

おつかれさまです、iijimaです。

今日はとある案件のスマホ画面のコーディングに入ったので、便利だなと感じたものを書いてみようと思います。

・min-width

要素がこれ以上小さくならないという指定で、min-widthとwidthを一緒に使うと便利です。

大きい画面だと幅50%で丁度よくても、スマホ画面で50%は小さすぎるなんてことは結構あると思いますが、

width: 50%;

min-width: 350px;

と書くことで、349px以下にならなくなります。

明日もスマホ画面のコーディングをしていくので、頑張りたいと思います。