タグ vmax
人気順 10 users 50 users 100 users 500 users 1000 users知っておくと便利！ビューポートを基準にした単位「vw, vh, vmin, vmax」を使ったCSSのテクニックのまとめ | コリス
2020/04/02
18 users
ビューポート
vmin
コリス
CSS
フォント
CSSのビューポートを基準にした単位「vw, vh, vmin, vmax」は、ここ数年で多く使用されるようになりました。利点はJavaScriptなしで、レスポンシブ対応のレイアウトや要素のサイズを動的に実装できるからです。vw, vh, vmin, vmaxの知っておくと便利なCSSのテクニックを紹介します。 フォントのサイズ指定、高さいっぱい... 続きを読む
[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法 | コリス
2015/07/22
394 users
ビューポート
vmin
コリス
フォントサイズ
レスポンシブ
先日の記事「フォントサイズの指定方法（翻訳版）」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。 これらの単位を使うことは... 続きを読む
CSS には vw, vh, vmin, vmax という単位がある ｜ Developers.IO
2014/04/25
463 users
vmin
CSS
Developers.IO
単位
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> .img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。ビューポートの幅が 32... 続きを読む