首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

变焦 | @viewport.zoom

zoom CSS的描述符设置由@viewport定义的文档的初始放大倍数。

一个缩放因子1.0100%不对应任何缩放。较大的值会放大。较小的值会缩小。

Related at-rule

@viewport

初始值

auto

百分比值

the zoom factor itself

适用媒体

visual, continuous

计算值

auto, or a non-negative number or percentage as specified

正规顺序

the unique non-ambiguous order defined by the formal grammar

语法

代码语言:javascript
复制
/* Keyword value */
zoom: auto;

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

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

auto用户代理将设置文档的初始缩放因子。用户代理可以使用绘制文档的画布区域的大小来找到该因素。

<number>用作缩放因子的非负数。1.0的因子意味着不进行缩放。大于1.0的值将导致放大效果,并且值会比缩小效果中的值小。

<percentage>用作缩放因子的非负百分比值。100%的因子意味着没有缩放。大于100%的值会导致放大效果,并且其值会比放大效果小。

正式语法

代码语言:javascript
复制
auto | <number> | <percentage>

规范

Specification

Status

Comment

CSS Device AdaptationThe definition of '"zoom" descriptor' in that specification.

Working Draft

Initial specification

浏览器兼容性

Feature

Chrome

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

(Yes)

No support

(Yes)

(Yes)

No support

Feature

Android

Chrome for Android

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

?

?

?

?

?

?

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com