@viewport descriptor controls how a document's viewport fills the screen.
/* Keyword values */
- This value doesn’t affect the initial layout viewport, and the whole web page is viewable.
- The viewport is scaled to fit the largest rectangle inscribed within the display.
- The viewport is scaled to fill the device display. It is highly recommended to make use of the safe area inset variables to ensure that important content doesn't end up outside the display.
When using the
viewport-fit descriptor, one must keep in mind that not all device displays are rectangular, and should therefore make use of the safe area inset variables.
auto | contain | cover
Scaling viewport to fit device display
Update compatibility data on GitHub
No||Samsung Internet Android
- No support