CSSの幅や高さを取得する際に、スマートフォン端末の画面幅や高さを取得できる関数が用意されています。
業務ではスマートフォン向けの環境にて設定を行う事があります。通常ではpxや%で高さや幅を指定しますが、状況によってはvhやvwが楽な事があります。
vw
viewport width 画面幅 例：100vw
vh
viewport height 画面高さ 例：53vh
vmin
viewport minimum 画面高さと幅の内、値が小さい方に対する割合
vmax
viewport max 画面高さと幅の内、値が大きい方に対する割合
対応ブラウザ
2019年時点で最新ブラウザであれば、全ての機能が使える様です。
一部Android Browser に関しては、ver4.4からでないと全ては機能しないとの事でした。
コメント