CSS:単位 vw, vh

2015-08-19

なぜ今のいままで知らなかったのだろうか…
目からウロコのこの小技を使えば、JSでheight取って来なくても大丈夫そう

viewportを100とした場合の割合値となるので、imgのheightを画面いっぱいいっぱいにしたい場合はこうなりやす。


img {
height: 100vh;
}

参考サイト(とても参考になりました!)

http://dev.classmethod.jp/ria/html5/css-length-viewport/

関連キーワード