這篇文章給大家分享的是有關bootstrap怎樣解決瀏覽器兼容性問題的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用于開發(fā)響應式布局、移動設備優(yōu)先的 WEB 項目。
Bootstrap 來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的,它簡潔靈活。開發(fā)過程中,我們只需通過給DOM元素添加相應的class即可調用,使得 Web 開發(fā)更加快捷。
接下來進入主題,談談 Bootstrap 3 瀏覽器兼容性問題及其對應的解決方案:
1、移動設備支持情況
2、PC端支持情況
注:Windows 支持 IE 8-11。
請參考 瀏覽器支持情況 以獲取詳細的 Bootstrap 3在各個瀏覽器上的支持情況。
如上述所示,IE8 是被支持的。然而,很多 CSS3 屬性和 HTML5 元素是不被支持的。例如,Bootstrap 的響應式布局是通過CSS3的媒體查詢(Media Query)功能實現(xiàn)的,根據(jù)不同的分辨率來匹配不同的樣式,IE8瀏覽器并不支持這一優(yōu)秀的CSS3特性。Bootstrap在開發(fā)文檔中已經明確指出, IE8 需要 Respond.js 配合才能實現(xiàn)對媒體查詢(media query)的支持。按照官方文檔,筆者在HTML文件
標簽底部添加了如下的代碼: