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 |
/* Keyword value */ max-zoom: auto; /* <number> values */ max-zoom: 0.8; max-zoom: 2.0; /* <percentage> value */ max-zoom: 150%;
auto
<number>
<percentage>
auto | <number> | <percentage>
Specification | Status | Comment |
---|---|---|
CSS Device Adaptation The definition of '"max-zoom" descriptor' in that specification. | Working Draft | Initial definition |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 29 | Yes
|
No | 10
|
? | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | ? | 29 | Yes
|
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