The zoom CSS descriptor sets the initial zoom factor of a document defined by the @viewport at-rule.

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 valueauto
Percentagesthe zoom factor itself
Mediaas each of the properties of the shorthand:
Computed valueauto, or a non-negative number or percentage as specified
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

/* Keyword value */
zoom: auto;

/* <number> values */
zoom: 0.8;
zoom: 2.0;

/* <percentage> values */
zoom: 150%;

Values

auto
The user agent will set the document's initial zoom factor. The user agent may use the size of canvas area on which the document is rendered to determine that factor.
<number>
A non-negative number used as the zoom factor.
<percentage>
A non-negative percentage value used as the zoom factor.

Formal syntax

auto | <number> | <percentage>

Specifications

Specification Status Comment
CSS Device Adaptation
The definition of '"zoom" descriptor' in that specification.
Working Draft Initial specification

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 29Edge ? Firefox No support NoIE Full support 10
Prefixed
Full support 10
Prefixed
Prefixed Requires the vendor prefix: -ms-
Opera Full support 16Safari No support NoWebView Android Full support 4.4Chrome Android Full support 61Edge Mobile ? Firefox Android No support NoOpera Android Full support 37Safari iOS ? Samsung Internet Android No support No

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Requires a vendor prefix or different name for use.
Requires a vendor prefix or different name for use.

Document Tags and Contributors

Last updated by: mfluehr,