CSS - max-zoom

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

Syntax

CSS

Copy Code

/* 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 syntax

CSS

Copy Code

auto <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> <a href="css/number" title=""><number></a> <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> <a href="css/percentage" title=""><percentage></a>

Description

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

Related at-rule	`@viewport`
Initial value	`auto`
Percentages	the zoom factor itself
Media	visual, continuous
Computed value	`auto`, or a non-negative number or percentage as specified
Canonical order	the unique non-ambiguous order defined by the formal grammar

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	?	?	?	?	?

Feature	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	?	?	?	?	?	?

Specifications

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

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/@viewport/max-zoom

CSS CSS Descriptor NeedsBrowserCompatibility NeedsExample Reference