最小高度：
最小宽度：
重点：
先利用较新的浏览器识别min-width/height，透过它来指定值,而IE6则是透过width/height取值。 不过这里有个冲突，就是新的浏览器也识别width/height，因此min-width/height会被width/height改写，解决的办法，就是中间那一行。 height: auto !important(以及width: auto !important) 由于它标示!important，所以下面那行height无法取代上面这一行，见解变成新的浏览器忽视掉第三行，而让高度不受第三行影响。 另外由于IE6不识别 min-height和 !important属性，所以它还是取第三行的语法，这样就可以相安无事，皆大欢喜。
IE6~8不支持CSS3 Media Query，需要借助respond.js插件。
respond.js插件下载地址：https://www.developgeek.com/plus/list.php?tid=62
demo.css 样式文件
html,body {height: 100%
}
@media only screen and (min-width: 480px){
body {
background: yellow
}
}
@media only screen and (min-width: 640px) and (max-width: 1024px) {
body {
background: green
}
}
@media screen and (min-width: 1024px){
body {
background: blue
}
}
respond.js demo实例
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>HTML5-响应式布局--respond.js-言成科技&HTML5学堂</title>
<link rel="stylesheet" type="text/css" href="demo.css" />
<script src="respond.min.js"></script>
</head>
<body>
<div class="wrap" id="con">
让IE6~8支持响应式布局——言成科技&HTML5学堂
</div>
</body>
</html>
注意：respond.min.js或者respond.src.js都可以使用，在上面给出的下载地址中下载即可。
IE6的显示效果
Tips：IE7-8的显示效果也是没有问题的，在此就不贴图处理了
1、IE6是不支持border的transparent属性的，所以只能用IE的虑镜去实现2、如果你的把其它边框宽度设成0了，还不如不设定它（默认边框为none），搞得那么多无用代码出来
经过简化后的代码为：#abcline{width:960pxheight:0border-top:6px dashed transparentfilter :Chroma( color= #000000) }
