Respond.js讓IE6-8支持CSS3 Media Query

Respond.js讓IE6-8支持CSS3 Media Querycss

down地址:http://www.bootcdn.cn/respond.js/服務器

1:須要注意的是css文件必須從外部加載,不能寫在本文檔內,注意不能utf-8編碼編碼

@media only screen and (min-width: 480px){
body {
background: yellow;
}
}url

結論.net

一些書寫代碼時要注意的地方:插件

一、須要啓動本地服務器(localhost),不能使用普通本地的url地址(file://開頭);cdn

二、須要外部引入CSS文件,將CSS樣式書寫在style中是無效的;utf-8

三、因爲respond插件是查找CSS文件,再進行處理,因此respond文件必定要放置在CSS文件的後面文檔

四、另外,雖然把respond放置在head裏仍是在body後面都可以實現,可是建議放置在head中(具體緣由在下面的文檔提示中有提到)get

五、最好不要爲CSS設置utf-8的編碼,使用默認(緣由詳見下面的文檔提示部分)

相關文章
相關標籤/搜索