网页美工设计

CSS样式中zoom的含义及用法作用

编辑：时间：2018-07-03 09:27:19

　　zoom是主要是IE低版本浏览器的专有属性，在CSS中经常用来触发ie浏览器的专有属性layout。CSS中zoom:1的作用

　　兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：

　　触发IE浏览器的haslayout

　　解决ie下的浮动，margin重叠等一些问题。

　　zoom 基本语法zoom : normal | number

　　语法取值normal:默认值。

　　使用对象的实际尺寸number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值。

　　使用说明

　　设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承，但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。对于视频对象而言是可读写的。对应的脚本特性为 zoom 。

　　在实际应用中，由于考虑到兼容性，在页面制作过程中经常出现的就是zoom:1，其他的基本不会用到。

　　css中的zoom的作用

　　1、检查页面的标签是否闭合

　　不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。

　　快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。

　　2、样式排除法

　　有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。

　　对于刚才锁定的问题 CSS 样式文件，逐行删除具体的样式定义，定位到具体的触发样式定义，甚至是具体的触发样式属性。

　　3、模块确认法

　　有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块，寻找到触发问题的 HTML 模块。

　　4、检查是否清除浮动

　　其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的，推荐使用无额外 HTML 标签的清除浮动的方法(尽量避免使用 overflow:hidden;zoom:1 的类似方法来清除浮动，会有太多的限制性)。