IE8實現媒體查詢


IE8實現媒體查詢


實現IE8引用樣式

<!--[if IE 8]> 僅IE8可識別 
      <style>
          @import "Index.css";        
        }
       </style>
    <![endif]-->

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地址


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM