?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
了解從現(xiàn)代到舊的瀏覽器和設(shè)備，這些瀏覽器和設(shè)備都是由Bootstrap支持的，包括每個(gè)瀏覽器和設(shè)備的已知怪癖和bug。
受支持的瀏覽器
引導(dǎo)程序支持最新穩(wěn)定版本所有主要的瀏覽器和平臺(tái)。在Windows上，我們支持InternetExplorer 10-11/MicrosoftEdge...
使用WebKit、Blink或Gecko的最新版本的替代瀏覽器，無論是直接使用還是通過平臺(tái)的Web視圖API，都不被明確支持。但是，在大多數(shù)情況下，引導(dǎo)應(yīng)該在%29中顯示并在這些瀏覽器中正確工作。下文提供了更具體的支助信息。
移動(dòng)設(shè)備
一般來說，Bootstrap支持每個(gè)主要平臺(tái)默認(rèn)瀏覽器的最新版本。請(qǐng)注意，不支持代理瀏覽器（如Opera Mini，Opera Mobile的Turbo模式，UC Browser Mini，Amazon Silk）。
Chrome | Firefox | Safari | Android Browser & WebView | Microsoft Edge | |
|---|---|---|---|---|---|
Android | Supported | Supported | N/A | Android v5.0+ supported | N/A |
iOS | Supported | Supported | Supported | N/A | N/A |
Windows 10 Mobile | N/A | N/A | N/A | N/A | Supported |
桌面瀏覽器
同樣，支持大多數(shù)桌面瀏覽器的最新版本。
Chrome | Firefox | Internet Explorer | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|---|
Mac | Supported | Supported | N/A | N/A | Supported | Supported |
Windows | Supported | Supported | Supported, IE10+ | Supported | Supported | Not supported |
對(duì)于Firefox，除了最新的正常穩(wěn)定版本之外，我們還支持最新版本擴(kuò)展支持版本%28 ESR%29火狐的版本。
非正式地說，Bootstrap應(yīng)該在Chromium和Chrome(Linux)、Firefox(Linux)和InternetExplorer 9(InternetExplorer 9)中看起來和表現(xiàn)得足夠好，盡管它們沒有得到官方的支持。
有關(guān)引導(dǎo)程序必須解決的一些瀏覽器錯(cuò)誤的列表，請(qǐng)參閱我們的瀏覽器缺陷墻...
Internet資源管理器
支持InternetExplorer 10+；IE9和down則不支持。請(qǐng)注意，某些CSS 3屬性和HTML 5元素在IE10中不完全支持，或者需要前綴屬性才能實(shí)現(xiàn)全部功能。參觀我能用…有關(guān)CSS 3和HTML 5功能的瀏覽器支持的詳細(xì)信息。
如果您需要IE8-9支持，請(qǐng)使用Bootstrap 3。它是我們代碼最穩(wěn)定的版本，我們的團(tuán)隊(duì)仍然支持它進(jìn)行重要的錯(cuò)誤修復(fù)和文檔更改。然而，沒有新的功能將被添加到它。
移動(dòng)平臺(tái)上的MODERS和DULT
溢出和滾動(dòng)
在iOS和Android overflow: hidden;上對(duì)<body>元素的支持相當(dāng)有限。為此，當(dāng)您在任一設(shè)備的瀏覽器<body>中滾動(dòng)瀏覽模式的頂部或底部時(shí)，內(nèi)容將開始滾動(dòng)。請(qǐng)參閱Chrome bug＃175502（在Chrome v40中修復(fù)）和WebKit錯(cuò)誤＃153852。
IOS文本字段和滾動(dòng)
在IOS 9.2中，如果滾動(dòng)手勢(shì)的初始觸摸在文本的邊界內(nèi)，則模式是打開的。<input>或者是<textarea>，<body>模式下的內(nèi)容將被滾動(dòng)，而不是模式本身。見WebKit bug#153856...
Navbar下降
.dropdown-backdrop由于z索引的復(fù)雜性，該元素不會(huì)在導(dǎo)航中的iOS上使用。因此，要關(guān)閉導(dǎo)航欄中的下拉菜單，您必須直接點(diǎn)擊下拉元素（或任何其他會(huì)在iOS中觸發(fā)點(diǎn)擊事件的元素）。
瀏覽器縮放
頁面縮放不可避免地會(huì)在Bootstrap和其他網(wǎng)頁中的某些組件中呈現(xiàn)呈現(xiàn)工件。根據(jù)問題，我們可能會(huì)解決它（首先搜索，然后根據(jù)需要打開問題）。但是，我們往往忽略這些，因?yàn)槌斯耸降慕鉀Q方法之外，他們通常沒有直接的解決方案。
粘:hover/:focus移動(dòng)
即使在大多數(shù)觸摸屏上都不可能真正的懸停，但大多數(shù)移動(dòng)瀏覽器都會(huì)模仿懸停支持并使:hover“粘”。換句話說，:hover樣式在點(diǎn)擊元素之后開始應(yīng)用，只有在用戶點(diǎn)擊其他元素之后才停止應(yīng)用。在移動(dòng)第一站點(diǎn)上，這種行為通常是不可取的。
雖然在默認(rèn)情況下禁用了引導(dǎo)程序，但它包含了解決此問題的方法。通過設(shè)置$enable-hover-media-query到true從Sass編譯時(shí)，Bootstrap將使用mq4-懸停禁用:hover在模擬懸停的瀏覽器中的樣式，從而防止粘性。:hover風(fēng)格。對(duì)于這個(gè)解決方法有一些警告；有關(guān)詳細(xì)信息，請(qǐng)參閱Shim的文檔。
印刷
即使在一些現(xiàn)代瀏覽器中，打印也可能很奇怪。
從Safari v8.0開始，使用固定寬度.container類會(huì)導(dǎo)致Safari在打印時(shí)使用異常小的字體大小。見第14868期和WebKit bug#138192更多細(xì)節(jié)。一個(gè)潛在的解決辦法是以下CSS：
@media print {
.container {
width: auto;
}}
Android股票瀏覽器
開箱即用，Android 4.1（甚至一些更新的版本顯然）隨瀏覽器應(yīng)用程序一起發(fā)布，作為首選的默認(rèn)瀏覽器（與Chrome相對(duì)）。不幸的是，瀏覽器應(yīng)用程序通常存在很多錯(cuò)誤和不一致的CSS。
選擇菜單
在<select>元素上，如果存在border-radius和/或border應(yīng)用，Android股票瀏覽器將不顯示側(cè)面控件。（有關(guān)詳細(xì)信息，請(qǐng)參閱此StackOverflow問題。）使用下面的代碼片段刪除違規(guī)的CSS，并<select>在Android股票瀏覽器中將其呈現(xiàn)為無風(fēng)格元素。用戶代理嗅探避免了對(duì)Chrome，Safari和Mozilla瀏覽器的干擾。
<script>$(function () {
var nua = navigator.userAgent var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
if (isAndroid) {
$('select.form-control').removeClass('form-control').css('width', '100%')
}})</script>
想看個(gè)例子嗎？看看這個(gè)JSBin演示。
驗(yàn)證器
為了向舊的和錯(cuò)誤的瀏覽器提供最好的體驗(yàn)，Bootstrap使用CSS瀏覽器黑客在幾個(gè)地方，針對(duì)特定瀏覽器版本的特定CSS，以解決瀏覽器本身的bug?？梢岳斫?，這些黑客會(huì)導(dǎo)致CSS驗(yàn)證程序抱怨它們無效。在一些地方，我們還使用了一些還沒有完全標(biāo)準(zhǔn)化的尖端css特性，但這些特性純粹用于漸進(jìn)增強(qiáng)。
這些驗(yàn)證警告在實(shí)踐中并不重要，因?yàn)閏ss中的非惡意部分確實(shí)完全有效，而hacky部分不會(huì)干擾非惡意部分的正常運(yùn)行，因此我們?yōu)槭裁垂室夂雎赃@些特定的警告。
我們的HTML文檔同樣具有一些微不足道的和無關(guān)緊要的HTML驗(yàn)證警告，因?yàn)槲覀冊(cè)贔irefox中包含了一個(gè)解決方法。