幅と高さのユーティリティを使用して、要素の幅と高さを簡単に変更できます。
親に相対的
幅と高さのユーティリティは、 の$sizes
Sass マップから生成され_variables.scss
ます。25%
、50%
、75%
、100%
、およびauto
デフォルトのサポートが含まれます。ここでさまざまなユーティリティを生成する必要があるため、これらの値を変更します。
幅 25%
幅 50%
幅 75%
幅 100%
幅自動
身長 25%
高さ 50%
身長 75%
高さ 100%
高さ自動
max-width: 100%;
必要に応じておよびmax-height: 100%;
ユーティリティを使用することもできます。
ビューポートに相対的
ユーティリティを使用して、ビューポートに対する幅と高さを設定することもできます。