关于让bootstrap3兼容ie8
生活随笔
收集整理的這篇文章主要介紹了
关于让bootstrap3兼容ie8
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
官網(wǎng)上有說Internet Explorer 8 和 9 是被支持的,然而,你要知道,很多 CSS3 屬性和 HTML5 元素 -- 例如,圓角矩形和投影 -- 是肯定不被支持的。另外,?Internet Explorer 8 需要?Respond.js?配合才能實(shí)現(xiàn)對(duì)媒體查詢(media query)的支持。 http://v3.bootcss.com/getting-started/#support-ie8-ie9 ? 不過由于學(xué)的不夠,在兼容ie8上浪費(fèi)了太多時(shí)間摸索,接下來就給大家介紹一下我的摸索過程,僅供同樣是菜鳥的童鞋參考。 同樣是官網(wǎng)上說的,由于瀏覽器的安全機(jī)制,Respond. js不能直接在本地訪問的頁面上發(fā)揮正常的功能,如果需要測(cè)試ie8響應(yīng)式特性,必須通過http協(xié)議訪問頁面(例如搭建apache、nginx等)。 ? 通過http協(xié)議訪問頁面是重點(diǎn),我是這么做的: 1、將需要的文件引入(官網(wǎng)有頁面基本框架?http://v3.bootcss.com/getting-started/#template) <!DOCTYPE html>
<html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個(gè)meta標(biāo)簽*必須*放在最前面,任何其他內(nèi)容都*必須*跟隨其后! --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>你好,世界!</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html> 2、搭建本地服務(wù)器,下載wampserver,然后安裝,安裝好打開后可以在桌面底部看到綠色w圖標(biāo),點(diǎn)開圖標(biāo)到Apache,打開文件httpd.conf,然后修改數(shù)字127.0.0.1改為all。 3、將你的index.html頁面放到圖標(biāo)那里的www目錄(w)里 4、然后http://localhost?/root/index.html就能訪問了 然后ie8一看,果然正常了。
轉(zhuǎn)載于:https://www.cnblogs.com/dayezi/p/4702038.html
總結(jié)
以上是生活随笔為你收集整理的关于让bootstrap3兼容ie8的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php 按条件进行计算的方法
- 下一篇: UVA 1613 K-Graph Odd