The min-zoom
CSS descriptor sets the minimum zoom factor of a document defined by the @viewport
at-rule. The browser will not zoom out 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 */ min-zoom: auto; /* <number> values */ min-zoom: 0.8; min-zoom: 2.0; /* <percentage> value */ min-zoom: 150%;
Values
auto
- The user agent will set the document's lower zoom factor limit.
<number>
- A non-negative number limiting the minimum value of the zoom factor.
<percentage>
- A non-negative percentage limiting the minimum 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 min zoom factor
@viewport { min-zoom: 2.0; }
Specifications
Specification | Status | Comment |
---|---|---|
CSS Device Adaptation The definition of '"min-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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
min-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.