新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
bootstrap怎樣解決瀏覽器兼容性-創(chuàng)新互聯(lián)
小編給大家分享一下bootstrap怎樣解決瀏覽器兼容性,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
Bootstrap 來(lái)自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的,它簡(jiǎn)潔靈活。開(kāi)發(fā)過(guò)程中,我們只需通過(guò)給DOM元素添加相應(yīng)的class即可調(diào)用,使得 Web 開(kāi)發(fā)更加快捷。
bootstrap解決瀏覽器兼容性:在HTML文件標(biāo)簽底部添加代碼引入html5shiv.min.js和respond.min.js這兩個(gè)文件。
具體實(shí)現(xiàn)方法:
1、移動(dòng)設(shè)備支持情況
2、PC端支持情況
注:Windows 支持 IE 8-11。
IE8是被支持的。然而,很多 CSS3 屬性和 HTML5 元素是不被支持的。例如,Bootstrap 的響應(yīng)式布局是通過(guò)CSS3的媒體查詢(xún)(Media Query)功能實(shí)現(xiàn)的,根據(jù)不同的分辨率來(lái)匹配不同的樣式,IE8瀏覽器并不支持這一優(yōu)秀的CSS3特性。Bootstrap在開(kāi)發(fā)文檔中已經(jīng)明確指出, IE8 需要 Respond.js 配合才能實(shí)現(xiàn)對(duì)媒體查詢(xún)(media query)的支持。按照官方文檔,在HTML文件
標(biāo)簽底部添加了如下的代碼: