bootstrap解決瀏覽器兼容性的方法？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)公司主營沈河網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā),沈河h5小程序制作搭建,沈河網(wǎng)站營銷推廣歡迎沈河等地區(qū)企業(yè)咨詢

Bootstrap 來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活。開發(fā)過程中，我們只需通過給DOM元素添加相應(yīng)的class即可調(diào)用，使得 Web 開發(fā)更加快捷。

bootstrap解決瀏覽器兼容性：在HTML文件標(biāo)簽底部添加代碼引入html5shiv.min.js和respond.min.js這兩個(gè)文件。

具體實(shí)現(xiàn)方法：

1、移動設(shè)備支持情況

2、PC端支持情況

注：Windows 支持 IE 8-11。

IE8是被支持的。然而，很多 CSS3 屬性和 HTML5 元素是不被支持的。例如，Bootstrap 的響應(yīng)式布局是通過CSS3的媒體查詢（Media Query）功能實(shí)現(xiàn)的，根據(jù)不同的分辨率來匹配不同的樣式，IE8瀏覽器并不支持這一優(yōu)秀的CSS3特性。Bootstrap在開發(fā)文檔中已經(jīng)明確指出， IE8 需要 Respond.js 配合才能實(shí)現(xiàn)對媒體查詢（media query）的支持。按照官方文檔，在HTML文件標(biāo)簽底部添加了如下的代碼：

注：其中 html5shiv.min.js 文件是讓不（完全）支持html5的瀏覽器支持 html5 標(biāo)簽；respond.js 文件是讓IE8實(shí)現(xiàn)對媒體查詢（media query）的支持。

但是，在IE8瀏覽器中打開頁面發(fā)現(xiàn)，兼容性問題并沒有得到解決，通過查閱相關(guān)資料，總結(jié)幾點(diǎn)注意事項(xiàng)（效果實(shí)現(xiàn)的關(guān)鍵）：

本地調(diào)試需要Web Server（如IIS、Apache，Nginx），單純地本地打開文件不能看到兼容效果；

如果你發(fā)現(xiàn)已經(jīng)引用了 respond.js 和 Bootstrap，仍無效果，請查看你的Bootstrap是否使用了CDN文件；

Bootstrap3 需要Html5文檔聲明；

Jquery 版本需要在2.0以下。

模板代碼如下：

感謝各位的閱讀！看完上述內(nèi)容，你們對bootstrap解決瀏覽器兼容性的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

本文題目：bootstrap解決瀏覽器兼容性的方法-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://weahome.cn/article/hopeg.html