解放区在住氷翠 緑の閃光
【解放区在住氷翠 緑の閃光】氷翠のお気楽日記

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

2016-07-22 17:47

HTML+CSS > 開発

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

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

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。