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.
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.
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.
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).
svgelement api: viewportelement
viewport api
viewport api: segments
visualviewport api
visualviewport api: scale
vttregion api: viewportanchorx
vttregion api: viewportanchory
webgl2renderingcontext api: viewport
webglrenderingcontext api: viewport
window api: viewport
xrsubimage api: viewport
xrviewport api
xrviewport api: height
xrviewport api: width
xrviewport api: x
xrviewport api: y
css at-rule: `@media`: horizontal-viewport-segments
css at-rule: `@media`: vertical-viewport-segments
types: `env()`: viewport segment variable `viewport-segment-bottom`
types: `env()`: viewport segment variable `viewport-segment-height`
types: `env()`: viewport segment variable `viewport-segment-left`
types: `env()`: viewport segment variable `viewport-segment-right`
types: `env()`: viewport segment variable `viewport-segment-top`
types: `env()`: viewport segment variable `viewport-segment-width`
html element: meta: name: viewport
html element: meta: name: viewport: content="height=[value]"
html element: meta: name: viewport: content="initial-scale=[value]"
html element: meta: name: viewport: content="interactive-widget=[value]"
html element: meta: name: viewport: content="interactive-widget=[value]": content="interactive-widget=overlays-content"
html element: meta: name: viewport: content="interactive-widget=[value]": content="interactive-widget=resizes-content"
html element: meta: name: viewport: content="interactive-widget=[value]": content="interactive-widget=resizes-visual"
html element: meta: name: viewport: content="maximum-scale=[value]"
html element: meta: name: viewport: content="minimum-scale=[value]"
html element: meta: name: viewport: content="user-scalable=[value]"
html element: meta: name: viewport: content="viewport-fit=[value]"
html element: meta: name: viewport: content="viewport-fit=[value]": content="viewport-fit=auto"
html element: meta: name: viewport: content="viewport-fit=[value]": content="viewport-fit=cover"
html element: meta: name: viewport: content="width=[value]"
headers http header: `accept-ch` client hint accept (response) header: `sec-ch-viewport-height` token
headers http header: `accept-ch` client hint accept (response) header: `sec-ch-viewport-width` token
headers http header: `accept-ch` client hint accept (response) header: `viewport-width` token
headers http header: `sec-ch-viewport-height` request header
headers http header: `sec-ch-viewport-width` request header
headers http header: `viewport-width` request header
50 results found.