建站
咨詢
售后
建站咨詢
新聞中心
bootstrap解決瀏覽器兼容性的方法？這個問題可能是我們日常學習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热?，讓我們一起來看看吧?/p>
10年積累的網(wǎng)站建設、網(wǎng)站制作經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站設計后付款的網(wǎng)站建設流程，更有福建免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
Bootstrap 來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活。開發(fā)過程中，我們只需通過給DOM元素添加相應的class即可調用，使得 Web 開發(fā)更加快捷。
bootstrap解決瀏覽器兼容性：在HTML文件標簽底部添加代碼引入html5shiv.min.js和respond.min.js這兩個文件。
具體實現(xiàn)方法：
1、移動設備支持情況
2、PC端支持情況
注：Windows 支持 IE 8-11。
IE8是被支持的。然而，很多 CSS3 屬性和 HTML5 元素是不被支持的。例如，Bootstrap 的響應式布局是通過CSS3的媒體查詢（Media Query）功能實現(xiàn)的，根據(jù)不同的分辨率來匹配不同的樣式，IE8瀏覽器并不支持這一優(yōu)秀的CSS3特性。Bootstrap在開發(fā)文檔中已經(jīng)明確指出， IE8 需要 Respond.js 配合才能實現(xiàn)對媒體查詢（media query）的支持。按照官方文檔，在HTML文件
標簽底部添加了如下的代碼：注：其中 html5shiv.min.js 文件是讓不（完全）支持html5的瀏覽器支持 html5 標簽；respond.js 文件是讓IE8實現(xiàn)對媒體查詢（media query）的支持。
但是，在IE8瀏覽器中打開頁面發(fā)現(xiàn)，兼容性問題并沒有得到解決，通過查閱相關資料，總結幾點注意事項（效果實現(xiàn)的關鍵）：
本地調試需要Web Server（如IIS、Apache，Nginx），單純地本地打開文件不能看到兼容效果；
如果你發(fā)現(xiàn)已經(jīng)引用了 respond.js 和 Bootstrap，仍無效果，請查看你的Bootstrap是否使用了CDN文件；
Bootstrap3 需要Html5文檔聲明；
Jquery 版本需要在2.0以下。
模板代碼如下：
感謝各位的閱讀！看完上述內容，你們對bootstrap解決瀏覽器兼容性的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
標題名稱：bootstrap解決瀏覽器兼容性的方法
網(wǎng)頁URL：http://fisionsoft.com.cn/article/gpedso.html
