CSS 中的 zoom 属性用于放大或缩小内容。这个属性是在 Internet Explorer 被其他一些浏览器支持之前实现的。
句法:
zoom: percentage | number | normal;
属性值:该属性接受上面提到和下面描述的三种类型的值:
- 百分比:此属性包含与原始内容相比将增加或减少的百分比的数字,根据数字进行放大或缩小,例如
zoom:150%;
.这意味着内容将比原始内容大 150%。 - number:该属性保存将与原始内容相乘的数字,根据数字进行放大或缩小,例如
zoom:1.5;
.这意味着内容将比原始内容大 1.5 倍。 - normal:这个属性保存了没有放大或缩小的正常内容,基本上这个属性是告诉浏览器
zoom:1
示例:此示例使用 CSS 缩放属性来调整图像大小。
CSS | zoom property
GeeksforGeeks
CSS | zoom property
输出:
支持的浏览器: CSS zoom 属性支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- 苹果浏览器