這篇文章給大家分享的是有關bootstrap怎樣解決瀏覽器兼容性問題的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站長期為1000多家客戶提供的網站建設服務,團隊從業(yè)經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為和田企業(yè)提供專業(yè)的成都網站制作、成都網站建設、外貿營銷網站建設,和田網站改版等技術服務。擁有十載豐富建站經驗和眾多成功案例,為您定制開發(fā)。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文件
標簽底部添加了如下的代碼: