javascript-jp.dev
javascript
html
jquery
css
angular
node.js
typescript
reactjs
npm
arrays
Dark
viewport units
[1/1]
CSS単位 vh/vwと%の違い
CSSでは、要素のサイズを指定するためにさまざまな単位を使用します。その中でも、vh、vw、および%は、ビューポートのサイズに基づいて要素のサイズを調整する単位です。% (パーセンテージ) 親要素のサイズを基準にした単位です。例えば、50%は親要素の幅または高さの50%に相当します。
モバイル100vhの落とし穴和解
問題CSS3の100vh単位は、ビューポートの高さの100%を表します。しかし、モバイルブラウザでは、この値がデバイスの画面高さではなく、キーボードやナビゲーションバーなどの要素を含まないビューポートの高さに基づいて計算されることがあります。そのため、100vhを使用する要素が意図した高さにならないことがあります。
1