1. Client Hints: DPR, Width, Viewport-Width

    DPR, Width, and Viewport-Width hints enable proactive content negotiation between client and server, enabling automated delivery of optimized assets - e.g. auto-negotiating image DPR resolution.

  2. CSS Device Adaptation

    Method of overriding the size of viewport in web page using the `@viewport` rule, replacing Apple's own popular `<meta>` viewport implementation. Includes the `extend-to-zoom` width value.

  3. Small, Large, and Dynamic viewport units

    Viewport units similar to `vw` and `vh` that are based on shown or hidden browser UI states to address shortcomings of the original units. Currently defined as the `sv*` units (`svb`, `svh`, `svi`, `svmax`, `svmin`, `svw`), `lv*` units (`lvb`, `lvh`, `lvi`, `lvmax`, `lvmin`, `lvw`), `dv*` units (`dvb`, `dvh`, `dvi`, `dvmax`, `dvmin`, `dvw`) and the logical `vi`/`vb` units.

  4. Viewport units: vw, vh, vmin, vmax

    Length units representing a percentage of the current viewport dimensions: width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).

  5. svgelement api: viewportelement

  6. viewport api

  7. viewport api: segments

  8. visualviewport api

  9. visualviewport api: scale

  10. vttregion api: viewportanchorx

  11. vttregion api: viewportanchory

  12. webgl2renderingcontext api: viewport

  13. webglrenderingcontext api: viewport

  14. window api: viewport

  15. xrsubimage api: viewport

  16. xrviewport api

  17. xrviewport api: height

  18. xrviewport api: width

  19. xrviewport api: x

  20. xrviewport api: y

  21. css at-rule: `@media`: horizontal-viewport-segments

  22. css at-rule: `@media`: vertical-viewport-segments

  23. types: `env()`: viewport segment variable `viewport-segment-bottom`

  24. types: `env()`: viewport segment variable `viewport-segment-height`

  25. types: `env()`: viewport segment variable `viewport-segment-left`

  26. types: `env()`: viewport segment variable `viewport-segment-right`

  27. types: `env()`: viewport segment variable `viewport-segment-top`

  28. types: `env()`: viewport segment variable `viewport-segment-width`

  29. html element: meta: name: viewport

  30. html element: meta: name: viewport: content="height=[value]"

  31. html element: meta: name: viewport: content="initial-scale=[value]"

  32. html element: meta: name: viewport: content="interactive-widget=[value]"

  33. html element: meta: name: viewport: content="interactive-widget=[value]": content="interactive-widget=overlays-content"

  34. html element: meta: name: viewport: content="interactive-widget=[value]": content="interactive-widget=resizes-content"

  35. html element: meta: name: viewport: content="interactive-widget=[value]": content="interactive-widget=resizes-visual"

  36. html element: meta: name: viewport: content="maximum-scale=[value]"

  37. html element: meta: name: viewport: content="minimum-scale=[value]"

  38. html element: meta: name: viewport: content="user-scalable=[value]"

  39. html element: meta: name: viewport: content="viewport-fit=[value]"

  40. html element: meta: name: viewport: content="viewport-fit=[value]": content="viewport-fit=auto"

  41. html element: meta: name: viewport: content="viewport-fit=[value]": content="viewport-fit=cover"

  42. html element: meta: name: viewport: content="width=[value]"

  43. headers http header: `accept-ch` client hint accept (response) header: `sec-ch-viewport-height` token

  44. headers http header: `accept-ch` client hint accept (response) header: `sec-ch-viewport-width` token

  45. headers http header: `accept-ch` client hint accept (response) header: `viewport-width` token

  46. headers http header: `sec-ch-viewport-height` request header

  47. headers http header: `sec-ch-viewport-width` request header

  48. headers http header: `viewport-width` request header