bootstrap IE8 兼容性處理
!DOCTYPE htmlhtml lang="zh-CN"headmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" content="width=device-width, initial-scale=1"titleBootstrap IE8兼容性/titlelink rel="external nofollow" rel="stylesheet"link rel="stylesheet" type="text/css" rel="external nofollow" /!--[if lt IE 9]script src="/images/defaultpic.gif"右側(cè)/div/div/div/body/html針對 IE8 仍然需要額外引入 Respond.js 文件以支持媒體查詢（media query） 。
1、http協(xié)議下效果（如：http://192.168.12.40:8020/bootstrap/index.html）：
2、file文件協(xié)議IE8下效果（如：C:UsersdellDocumentsHBuilderProjectbootstrapindex.html）
【bootstrap IE8 兼容性處理】如上圖所示，已經(jīng)不支持柵格布局 。
主要存在的問題是：
Respond.js 與 file:// 協(xié)議
由于瀏覽器的安全機制，Respond.js 不能在通過 file:// 協(xié)議（打開本地HTML文件所用的協(xié)議）訪問的頁面上發(fā)揮正常的功能 。如果需要測試 IE8 下面的響應(yīng)式特性，務(wù)必通過 http 協(xié)議訪問頁面（例如搭建 apache、nginx 等） 。
您可能感興趣的文章:BootStrap下拉框在firefox瀏覽器界面不友好的解決方案Bootstrap編寫一個兼容主流瀏覽器的受眾門戶式風(fēng)格頁面Bootstrap編寫一個兼容主流瀏覽器的受眾巨幕式風(fēng)格頁面Bootstrap 3瀏覽器兼容性問題及解決方案
推薦閱讀
- ie6,ie7,ie8完美支持position:fixed的終極解決方案
- ie8下不解析background屬性與書寫格式有關(guān)
- bootstrap3 兼容IE8瀏覽器！
- css padding屬性兼容ie6,ie8,firefox實例詳解
- IE7或者IE8全屏解決方案
- IE8下顯示圖片時多出一個邊框而Chrome或Firefox下卻沒有
- JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問題解決方案
- ie8/9下Activex控件無法加載的兩種解決方法
- IE10 設(shè)置IE8兼容模式的方法
- 如何設(shè)置IE9兼容性視圖解決IE9瀏覽網(wǎng)頁時不正常問題