zoom:1的作用

兼容IE6、IE7、IE8浏览器:触发IE浏览器的haslayout
(如果触发了 haslayout,IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。)解决ie下的浮动,margin重叠等一些问题。

hasLayout概念介绍:
haslayout 是 IE渲染引擎的一个内部组成部分,在IE中,有两种一个元素有两种计算自身的方式大小。IE 通过hasLayout属性来除非这两种计算方式

  • 自己对自身的内容进行计算大小和组织(ture)当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)
  • 依赖于父元素来计算尺寸和组织内容(false)[默认状态]

一个“layout元素”可以是一个默认就拥有 layout 的元素或者是一个通过设置某些 CSS 属性得到 layout的元素。通过 IE Developer Toolbar 可以查看 IE 下 HTML元素是否拥有haslayout,在 IE Developer Toolbar 下,拥有 haslayout的元素,通常显示为“haslayout = -1”。


参考资料:

  1. [CSS中zoom:1的作用 ,小标签大作用 - 与时俱进 - 博客园]
  2. [hasLayout_百度百科]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,842评论 1 92
  • 当margin的值为百分比形式时,为什么浏览器会根据父容器宽度得出计算值? 假如有一个父容器宽度400px,高度6...
    飘雪飞舞阅读 901评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,980评论 25 709
  • - 你告诉自己 新的一年一定会有所不同 可你知道 新的一年也注定平凡 那就在平凡中收获一些小小的惊喜。 许下自己的...
    努力努力再努力Xu阅读 269评论 2 1
  • 你说:多多关照。我说:三生有幸。 我们就这样相遇了。 有点莫名其妙,有点突如其来,有点手忙脚乱,有点遇不逢时。你说...
    我爱黎淡阅读 92评论 0 0