Zoom属性
博客专区 > mxPickle 的博客 > 博客详情
Zoom属性
mxPickle 发表于3个月前
Zoom属性
  • 发表于 3个月前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: zoom用法原理与作用

zoom:1确实帮我们解决了不少ie下的bug,但对于它的来龙去脉,又有多少人知道呢?

语法:

zoom:normal | <number> | <percentage>

默认值:normal

适用于:所有元素

继承性:有

取值:

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

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

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

说明:

设置或检索对象的缩放比例。

对应的脚本特性为zoom

-----------------------------------------------延伸扩展------------------------------------------------

Zoom属性是IE浏览器的专有属性, 它可以设置或检索对象的缩放比例

在平常的css编写过程中,zoom:1能够比较神奇地解决ie下比较奇葩的bug。

譬如外边距(margin)的重叠,譬如浮动的清除,譬如触发ie的 haslayout属性等等。

总结:当设置了zoom的值之后,所设置的元素就会就会扩大或者缩小,高度宽度就会重新计算了,这里一旦改变zoom值时其实也会发生重新渲染,运用这个原理,也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题

(1)Zoom属于IE浏览器的专有属性,火狐和老版本的webkit核心的浏览器都不支持这个属性。然而,zoom现在已经被逐步标准化,出现在 CSS 3.0 规范草案中,也就是CSS3中的transform: scale这个属性来实现

(2)Zoom属性是IE浏览器的专有属性, 它可以设置或检索对象的缩放比例

(3)Zoom属性会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。

(4)Zoom属性不允许负值。

标签: zoom Transform scale
共有 人打赏支持
粉丝 0
博文 5
码字总数 2170
×
mxPickle
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: