2019/04/03JavaScriptCSS【CSS】vhは一画面でない...ならばwindow.outerHeightを試してみよう+実用例 こんにちは!今日は 前回の続き、曲者のCSSの単位「vh」を扱いやすくするテクニックについて解説します。 100vhは一画面じゃない 前回は100vhがぴったり一画面じゃないという話を長々としました。ざっくり言うと、スマホでの閲覧ではメニューバーやキーボードに対しvhの相性が悪いってことですね! 逆に言えば画面の高さではなくコンテンツが表示されている部分の高さが分かれば問題ないってことですね!。 ならばwindow.outerHeightだ outerHeightはwindowのメソッドの一つで、vhの画面の高さとは違って画面のうちコンテンツが表示される部分の高さを取得するメソッドです。 アドレスバーやキーボードは画面に表示されますが、実際のWe
![【CSS】vhは一画面でない...ならばwindow.outerHeightを試してみよう+実用例 | JavaScriptに関するお知らせ](https://cdn-ak-scissors.b.st-hatena.com/image/square/09ca8b25a5572f1db9f8123dae992426333dea90/height=288;version=1;width=512/https%3A%2F%2Fjsnotice.com%2Fogp-img.png)