今回の記事では要素の最小幅の指定について紹介いたします。

前回の記事では要素の最大幅について紹介しましたが、今回はその逆です。

やり方

min-width: 〇〇px;のように指定します。

〇〇の位置に最小幅に指定したい数値を入れます。

まずは何も指定していない状態から見ていきます。

なにも指定していないとこのように600pxで表示されてしまう画像がるとします。

今回はこの画像を最低でも1000pxで表示したいと思います。

min-width: 1000px;と指定します。

すると・・・

このように最低でも1000pxで表示されるようになりました。