码迷,mamicode.com
首页 > Web开发 > 详细

ie8响应式兼容方案,respond.js的用法及使用时无效的解决办法

时间:2015-10-27 20:25:41      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:

响应式布局,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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!