The user-zoom CSS descriptor controls whether or not the user can change the zoom factor of a document defined by @viewport.
/* Keyword values */ user-zoom: zoom; user-zoom: fixed;
Syntax
Values
zoom- The user can zoom in or out.
fixed- The user cannot zoom in or out.
Accessibility concerns
Disabling zooming capabilities prevents people experiencing low vision conditions from being able to read and understand page content.
- MDN Understanding WCAG, Guideline 1.4 explanations
- Understanding Success Criterion 1.4.4 | Understanding WCAG 2.0
Formal definition
| Related at-rule | @viewport |
|---|---|
| Initial value | zoom |
| Percentages | refer to the size of bounding box |
| Computed value | as specified |
Formal syntax
zoom | fixed
Examples
Disabling user zoom
@viewport {
user-zoom: fixed;
}
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Device Adaptation The definition of '"user-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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
user-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.