网上对zoom的介绍好长的一大段,比较专业,看完一遍似乎仍未抓住要点。那,其实我就想知道zoom是干啥的?对吧,所以我想用简单的话来解释这个问题。
zoom是啥?
1、先从英文翻译上看会帮助理解。英文zoom的翻译是,使猛增,急速上升。PS:《闪电侠第二季》的大boss就是zoom(极速),我觉得也是英文zoom的本意。
2、css的zoom是IE浏览器的专有属性,可以设置元素的缩放比例(跟zoom的英文翻译相近,快慢~大小)。元素根据 自身的内容 计算大小和组织内容或者 继承父类 计算大小和组织内容,如果没有设置固定宽高,网页在IE浏览器很可能布局错乱。用zoom能触发浏览器的 haslayout ,保持元素实际的大小。
兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:
触发IE浏览器的haslayout
解决ie下的浮动,margin重叠等一些问题。