码迷,mamicode.com
首页 > 其他好文 > 详细

IE8实现媒体查询

时间:2019-01-08 15:07:40      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:ima   服务器   htm   article   --   file   iis   col   res   

IE8实现媒体查询

IE8下想实现不同分辨率样式的兼容,需要用Css3中的media,
可是IE8不支持@media啊
技术分享图片

翻不出去,那找度娘

果然找到了一个Demo
技术分享图片

测试一下,IE8媒体查询也不是多难技术分享图片

1、下载Respond
2、找到Respond文件中的respond.src.js
3、已测试Demo为例依次创建Index.html、Index.css、IE8Index.css,最后添加respond.src.js
技术分享图片

此时距离成功只差一步了!!!!部署到服务器

(不然你的控制台在ie8下只会报script:拒绝访问)
技术分享图片

部署到服务器,没有?部署到本地的IIS上
为什么要部署呢,因为respond.src.js的缘故,不能使用普通本地的url地址(file://开头)
不会搭建----->教程: 搭建本地IIS服务器
教程不能用?
技术分享图片

4、最后效果
非IE8时效果
技术分享图片
IE8时效果
技术分享图片

PS:要在服务器上运行(未在实际项目中使用,仅供参考)

demo地址

IE8实现媒体查询

标签:ima   服务器   htm   article   --   file   iis   col   res   

原文地址:https://www.cnblogs.com/shapaozi/p/10238368.html

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