HTML5 respond.js 解决IE6~8的响应式布局问题
来源:互联网 发布:linux acl chown 区别 编辑:程序博客网 时间:2024/05/16 02:15
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.min.js或者respond.src.js都可以使用,在上面给出的下载地址中下载即可。CSS部分就是最上面的那段代码。<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5-响应式布局--respond.js-独行冰海</title>
<link rel="stylesheet" href="test.css" charset="utf-8">
<script src="respond.min.js"></script>
</head>
<body>
<div class="wrap" id="con">
让IE6~8支持响应式布局——独行冰海
</div>
</body>
</html>
<!-- Respond.js proxy on external server -->
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<!-- Respond.js redirect location on local server -->
<link href="/path/to/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<!-- Respond.js proxy script on local server -->
<script src="/path/to/respond.proxy.js"></script>
- respond.js 解决IE6~8的响应式布局问题
- respond.js解决IE6~8的响应式布局问题
- HTML5 respond.js 解决IE6~8的响应式布局问题
- HTML5 respond.js 解决IE6~8的响应式布局问题
- HTML5 respond.js 解决IE6~8的响应式布局问题
- css3 @media不支持ie8怎么办?用respond.js 解决IE6~8的响应式布局问题
- 响应式布局之html5shiv.js/Respond.js
- IE6-8的响应式布局问题@media
- Respond.js 兼容IE6-8 的CSS3 Media Query使用方法
- 制作 HTML5 RESPOND 响应式设计网站
- Respond.js – 让不懂爱的 IE6
- Respond.js让IE6-8支持CSS3 Media Query
- 认识响应式兼容问题respond.js和html5shiv.js
- ie8响应式兼容方案,respond.js的用法及使用时无效的解决办法
- HTML5响应式布局
- HTML5 响应式布局
- html5响应式布局,兼容ie7.8
- html5/css3响应式布局
- 二叉树的操作:创建、遍历、求树的深度、叶子结点数
- linux多线程-懒人笔记(二)
- Android Studio技巧之自定义TODO
- R语言做回归分析
- 移动火柴(数学知识)
- HTML5 respond.js 解决IE6~8的响应式布局问题
- 读书笔记 之《Thinking in Java》(对象、集合)
- 第一个Spring JavaConfig注解配置bean
- 小黄鸡的基本原理
- 机器学习——Python(二)
- 关于ubuntu中终端的计算机名称修改
- 重回CSDN博客
- ngrok--内网穿透神器
- mysql 基础操作命令记录