zoom CSS 属性会根据 @viewport 来初始化一个缩放因数。
当设置1.0 或 100%时表示不缩放。更大的值放大，更小的值缩小。
| Related at-rule | @viewport |
|---|---|
| 初始值 | auto |
| Percentages | the zoom factor itself |
| 适用媒体 | as each of the properties of the shorthand:
|
| 计算值 | auto, or a non-negative number or percentage as specified |
| 正规顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
/* Keyword value */ zoom: auto; /* <number> values */ zoom: 0.8; zoom: 2.0; /* <percentage> values */ zoom: 150%;
值
auto- 根据`viewport`来既定当前标签的缩放。
<number>- 必须是一个非负数。1表示没有缩放，大于1表示放大的倍数，小于1亦然。
<percentage>- 必须是一个非负的百分比。以100%为基础进行缩放。
形式语法
auto | <number> | <percentage>
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Device Adaptation "zoom" descriptor |
Working Draft | Initial specification |
浏览器兼容
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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome Full support 29 | Edge ? | Firefox No support No | IE
Full support
10
| Opera Full support 16 | Safari No support No | WebView Android Full support 4.4 | Chrome Android Full support 61 | Edge Mobile ? | Firefox Android No support No | Opera Android Full support 37 | Safari 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.