WEBで使える単位の中に追加

2016-07-22

えーっと、基本的にWEBサイトの中で使える単位ってのは、

「ｐｘ」（ピクセル）が主流だと思うし、まぁ、ほかにも「em」（1文字分）とか「％」とかはよく使う単位だろう。
で、現在悩んでいた表示方法をうまくやることができなくて…

ブラウザの大きさ、しかも高さを取得するためにいろいろと考えていたわけですが、jqueryで取得。
でも、これはコンテンツがブラウザを超えて、スクロールバーが出るほどの高さを持ってしまったら、高さはそのコンテンツの大きさになってしまう。

あくまでもブラウザの大きさがほしい。

ということで、見つけたのが、「ｖｈ」、「ｖｗ」という単位。
基本は「100ｖｈ」。これは高さです。
viewpoert heightのことで、もちろんviewport widthで「ｖｗ」が横幅になります。
ブラウザの全体が100vhで、100％ということ。

これを使えば目的のことができる！