, ,

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

公開日: 2019/10/07

memo.

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

> – [The trick to viewport units on mobile | CSS-Tricks](https://css-tricks.com/the-trick-to-viewport-units-on-mobile/)
> – [CSS 100vh is too tall on mobile due to browser UI – Stack Overflow](https://stackoverflow.com/questions/43575363/css-100vh-is-too-tall-on-mobile-due-to-browser-ui/43575432)

“`javascript
const heightSize = $(“window”).height();
$(“.box-100vh”).height(heightSize);
“`