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.

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

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 syntax

auto | <number> | <percentage>

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
Basic support 29 Yes
Prefixed
Yes
Prefixed
Prefixed Requires the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Requires the vendor prefix: -ms-
? No
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support ? 29 Yes
Prefixed
Yes
Prefixed
Prefixed Requires the vendor prefix: -ms-
No ? No ?

© 2005–2018 Mozilla Developer Network and individual 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