一、宽高自适应
网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。
元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以
适应在不同设备、不同窗口和不同分辨率下显示。
(1)宽度自适应
元素宽度设置为100%。(块元素宽度默认为100%)
(2) 高度自适应
元素{height:auto;}/高度不写
(3)元素具备最小高度的自适应
min-height属性:最小高度;
min-最小宽度
max-height:最大高度
max-最大宽度
注:IE6及以下版本不识别该组属性。
注:height属性在IE6里就类似min-height作用。
Filter:表示过滤器的意思,它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。本质上讲,Filter是一种用来过滤不同浏览器的Hack类型。
-----、过滤器(filter)
1)下划线属性过滤器
当在一个属性前面增加了一个下划线后,由于符合标准的浏览器不能识别带有下划线的属性而忽略了这个声明,但是在IE6及更低版本浏览器中会继续解析这个规则。
语法:选择符{_属性:属性值;}
2)!important关键字过滤器
它表示所附加的声明具有最高优先级的意思。但由于IE6及更低版本不能识别它,我们可以利用IE6的这个Bug作为过滤器来兼容IE6和其它标准浏览器。
语法:选择符{属性:属性值!important;}
兼容元素具备最小高度自适应的方法:
hack1:min-height:value; _height:value;
hack2:min-height:value; height:auto!important; height:value;(建议使用)