W3cubDocs

/CSS

@viewport.max-zoom

The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom in any further than this, whether automatically or at the user's request.

A zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out.

Syntax

/* Keyword value */
max-zoom: auto;

/* <number> values */
max-zoom: 0.8;
max-zoom: 2.0;

/* <percentage> value */
max-zoom: 150%;

Values

auto: The user agent will set the document's upper zoom factor limit.
<number>: A non-negative number limiting the maximum value of the zoom factor.
<percentage>: A non-negative percentage limiting the maximum value of the zoom factor.

Formal definition

Related at-rule	`@viewport`
Initial value	`auto`
Percentages	the zoom factor itself
Computed value	`auto`, or a non-negative number or percentage as specified

Formal syntax

auto | <number> | <percentage>

Examples

Setting max-zoom

@viewport {
  max-zoom: 1.5;
}

Specifications

Specification	Status	Comment
CSS Device Adaptation The definition of '"max-zoom" descriptor' in that specification.	Working Draft	Initial definition

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
`max-zoom` descriptor	29 — 84	12 Prefixed 12 Prefixed Prefixed Implemented with the vendor prefix: -ms-	No	10 Prefixed 10 Prefixed Prefixed Implemented with the vendor prefix: -ms-	16	No

	Mobile
	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`max-zoom` descriptor	No	29 — 84	No	16	No	2.0