CSS - max-zoom

The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by @viewport. The browser will not zoom in any further than this, whether automatically or at the user's request.

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 syntax

auto | <number> | <percentage>

Description  

The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by @viewport. 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 zoom in. Smaller values zoom out.

Related at-rule@viewport
Initial valueauto
Percentagesthe zoom factor itself
Mediavisual, continuous
Computed valueauto, or a non-negative number or percentage as specified
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

 

Specifications  

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

License

© 2016 Mozilla 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