CSS中的zoom属性用于scale-up或scale-down的内容。在其他一些浏览器不支持Internet Explorer之前，已为Internet Explorer实现了此属性。

用法:

zoom:percentage | number | normal;

属性值：该属性接受上述和以下所述的三种类型的值：

percentage:此属性保存的数字与原始内容相比将增加或减少的百分比使zoom-in或输出取决于数字，例如zoom:150%;。这意味着内容将比原始内容大150％。

number:该属性保存将要乘以原始内容的数字，从而使zoom-in或根据数字zoom:1.5;。这意味着内容将是原始内容的1.5倍。

normal:此属性保存不放大或缩小的普通内容，本质上，此属性告诉浏览器zoom:1

例：本示例使用CSS zoom属性调整图像大小。

CSS | zoom property

h1 {

color:green;

}

.left{

zoom:1.2;

}

GeeksforGeeks

CSS | zoom property

"https://media.geeksforgeeks.org/wp-content/uploads/20190808102629/geeks15.png"

alt="Sample image">

"https://media.geeksforgeeks.org/wp-content/uploads/20190808102629/geeks15.png"

alt="Sample image">

输出：

支持的浏览器：CSS zoom属性支持的浏览器如下：

谷歌浏览器

IE浏览器

Safari

html样式zoom,CSS zoom属性用法及代码示例相关推荐

ink css,CSS text-decoration-skip-ink属性用法及代码示例
text-decoration-skip-ink属性用于指定下划线和上划线穿过字符或字形时的呈现方式. 用法: text-decoration-skip-ink:auto | none 属性值: au ...
css中left属性,CSS left属性用法及代码示例
CSS中的left属性用于指定定位元素的水平位置.它对未定位的元素没有影响. 注意: 如果position属性是绝对或固定的,则left属性指定元素左边与其包含块的左边之间的距离. 如果positio ...
在HTML中hr的默认值inset,CSS inset属性用法及代码示例
CSS中的inset属性用于定义物理偏移量,而不用于内联偏移量或逻辑块.此属性可以应用于任何writing-mode属性. 用法: inset:length|percentage|auto|inher ...
bgcolor是html的属性,HTML bgcolor属性用法及代码示例
HTML bgcolor属性用于设置HTML元素的背景色. Bgcolor是级联样式表的实现已弃用的那些属性之一(请参阅CSS背景). 用法: 支持的标签: marquee tBody tFoot t ...
angelajs中ajax,Fabric.js Triangle angle属性用法及代码示例
在本文中,我们将看到如何使用FabricJS绘制固定角度的画布Triangle.画布三角形表示三角形是可移动的,可以根据需要拉伸.此外,当涉及初始笔触颜色,高度,宽度,填充颜色或笔触宽度时,可以自定义 ...
html div draggable,HTML draggable属性用法及代码示例
此属性用于指定元素是否可拖动.链接和图像默认是可拖动的. draggable属性通常在拖放操作中使用. 用法: 属性值:该属性包含以下列出的三个值: true:此值表示元素是可拖动的. false:此 ...
css margin属性,css margin属性怎么用？css margin属性用法教程
在css中,有一个重要的属性margin,很多人都不知道css margin属性是什么?怎么用,下面为您总结一下css margin属性用法教程. margin是css用于在一个声明中,对所有css ...
python numpy allclose用法及代码示例
python numpy allclose用法及代码示例用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...
PostgreSQL REGEXP_REPLACE用法及代码示例
PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...

html样式zoom,CSS zoom属性用法及代码示例

GeeksforGeeks

CSS | zoom property

html样式zoom,CSS zoom属性用法及代码示例相关推荐

最新文章

热门文章