CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO

テクノロジーカテゴリーの変更を依頼記事元:

dev.classmethod.jp

464 usersがブックマークコメント

コメント

58

記事へのコメント58件

注目コメント
新着コメント

nakex1 Vmax発動！

CSS

2014/04/25 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO

例として以下の様な HTML 構造があったとします。 <body>  <img src... 例として以下の様な HTML 構造があったとします。 <body>  <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの

ブックマークしたユーザー

takao_woven2024/11/29
satoshie2023/03/08
tymikii2022/02/01
mrgk2021/08/10
syukit2021/05/19
kjw_junichi2021/02/22
sachiko-kame2020/12/16
kumagoro_morino2020/05/29
alcus2020/04/08
nabinno2019/07/09
su_zu_ki_10102019/07/09
i3masaki2019/05/28
amashio2019/04/11
hayashih2019/03/08
yggdra_w2019/02/13
kjtec2019/01/09
sekky09052018/10/27
hideboux2018/09/18

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx