The table below can be used as a reference to check the meaning of the unit.
E.g. height: 20dvh is 20% of “current viewport height, excluding user agent’s interface…”
| Unit | Description |
|---|---|
| svh | Smallest possible viewport height visible to the user, excluding interface elements. |
| lvh | Largest possible viewport height visible to the user. |
| dvh | Current viewport height, excluding user agent’s interface. Updates with changes in viewport height. |
| svw | Smallest possible viewport width visible to the user. Static value. |
| lvw | Largest possible viewport width visible to the user. Static value. |
| dvw | Current viewport width visible to the user. Dynamic value. |
| svmin | Smallest value between svh and svw. |
| lvmin | Smallest value between lvh and lvw. |
| dvmin | Smallest value between dvh and dvw. |
| svmax | Largest value between svh and svw. |
| lvmax | Largest value between lvh and lvw. |
| dvmax | Largest value between dvh and dvw. |
| vi | Viewport size in the inline direction (width for English text, height for Chinese text). |
| svi | Smallest possible viewport size in the inline direction. |
| lvi | Largest possible viewport size in the inline direction. |
| dvi | Current viewport size in the inline direction. |
| vb | Viewport size in the block direction (height for English text, width for Chinese text). |
| svb | Smallest possible viewport dimension in the block direction. |
| lvb | Largest possible viewport dimension in the block direction. |
| dvb | Current viewport dimension in the block direction. |
