文字
分享

语法:

zoom:normal | <number> | <percentage>

默认值normal

适用于:所有元素

继承性:有

动画性:是

计算值:绝对长度

取值:

  • normal:使用对象的实际尺寸。

  • <number>:用浮点数来定义缩放比例。不允许负值

  • <percentage>:用百分比来定义缩放比例。不允许负值

说明:

设置或检索对象的缩放比例。
  • 对应的脚本特性为zoom

兼容性:

ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0+2.0-40.04.0+6.0+15.0+6.0+2.1+18.0+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>zoom_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

body{line-height:1.5;}

h1{margin:0;font-size:16px;font-family:Arial;}

.test{zoom:normal;}

.test2{zoom:5;}

.test3{zoom:300%;}

</style>

</head>

<body>

<h1>zoom:normal</h1>

<div class="test">zoom:normal</div>

 

<h1>zoom:5</h1>

<div class="test2">zoom:5</div>

 

<h1>zoom:300%</h1>

<div class="test3">zoom:300%</div>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:cursor下一篇:box-sizing