respond.js 解决IE6~8的响应式布局问题
来源:互联网 发布:tftp 使用端口 编辑:程序博客网 时间:2024/05/22 11:59
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的响应式布局问题
- css3 @media不支持ie8怎么办?用respond.js 解决IE6~8的响应式布局问题
- HTML5 respond.js 解决IE6~8的响应式布局问题
- HTML5 respond.js 解决IE6~8的响应式布局问题
- 响应式布局之html5shiv.js/Respond.js
- IE6-8的响应式布局问题@media
- Respond.js 兼容IE6-8 的CSS3 Media Query使用方法
- Respond.js – 让不懂爱的 IE6
- Respond.js让IE6-8支持CSS3 Media Query
- 认识响应式兼容问题respond.js和html5shiv.js
- ie8响应式兼容方案,respond.js的用法及使用时无效的解决办法
- 解决“引入JS文件IE6报错”的问题
- 解决“引入同一个JS文件IE6报错”的问题
- 解决“引入JS文件IE6报错”的问题
- 解决“引入JS文件IE6报错”的问题
- 制作 HTML5 RESPOND 响应式设计网站
- owncloud 组和权限管理
- JavaScript中你所不知道的数组ArrayBuffer
- poj1276 Cash Machine(多重背包)
- MSP430FRx 微控制器:收集更多数据,作出更明智的决策
- Markdown使用说明
- respond.js 解决IE6~8的响应式布局问题
- 树莓派3下PDO访问MSSQL
- LeetCode No.345 Reverse Vowels of a String
- 同步工具类之——Latch
- pycharm 使用心得(七)一些实用功能介绍
- TI全新汽车霍尔传感器: 精准定位、轻松感应
- javaES6箭头函数的全新特性
- struts2怎么使用redis共享
- eclipse搭建maven web 工程,和集成springmvc+mybatis的一些问题