响应式布局,html5和css3,ie8不支持,可以通过respond.js插件来实现响应.
用法注意事项
一,css样式表内容.要放在css文件中,
二,css文件必须是无bom头格式的编码文件
三,css文件必须放在head标签内进行引用.放在html中的body中引用无效.
四,css文件必须放在respond.js之前引用,respond.js可以放在body或网页底部,但为了防止闪屏,建议放在head中.
用法示例
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5-响应式布局</title> <link rel="stylesheet" href="css.css" charset="utf-8"> <script src="respond.js"></script> </head> <body> <div class="wrap" id="con"> 让IE6~8支持响应式布局 </div> </body> </html>
ie8响应式兼容方案,respond.js的用法及使用时无效的解决办法
原文：http://my.oschina.net/ppss/blog/522761