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 compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
max-zoom descriptor | Chrome No support 29 — 84 | Edge
Full support
12
| Firefox No support No | IE
Full support
10
| Opera Full support 16 | Safari No support No | WebView Android No support No | Chrome Android No support 29 — 84 | Firefox Android No support No | Opera Android Full support 16 | Safari iOS No support No | Samsung Internet Android Full support 2.0 |
Legend
- Full support
- Full support
- No support
- No support
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.