[HTML & CSS General] Mobile Browser 上で CSS で 100vh 指定するとアドレスバーの長さが追加されてしまう

公開日: 2019/10/07

memo.

100vh ではなく JavaScript でウィンドウの高さ innerHeight を取得して与える。

The trick to viewport units on mobile | CSS-Tricks
CSS 100vh is too tall on mobile due to browser UI – Stack Overflow

const heightSize = $("window").height();
$(".box-100vh").height(heightSize);