Jei yra panašumas, man didelė garbė, jei jis bus perspausdintas, nurodykite
Sprendimas, kaip padaryti IE6 IE7 IE8 IE9 IE10 IE11 palaikymą Bootstrap
Neseniai padarė interneto svetainę, aš visada jaučiau, kad bootstrap yra labai geras, Šį kartą aš naudojau bootstrap3, Chrome, Firefox, Safari, Opera, 360 naršyklė (greičio režimas), Sogou naršyklė ir kitos naršyklės neturi problemų, Ir pagal IE8 ir IE11 nustatė, kad stilius negalėjo būti rodomas, Tada įvairių Baidu, Galiausiai su interneto paštu apie Yapeng.com išspręsti problemą, Taip pat kreiptis į Qianxun Mokymosi tinklas Sprendimas apibendrinamas taip:
Pirmiausia įsitikinkite, kad HTML puslapis prasideda DOCTYPE deklaracija. DOCTYPE nurodo naršyklei, kokią HTML arba XHTML specifikaciją naudoti analizuojant HTML dokumentą, o tai turi įtakos šiems veiksniams:
Žymių, atributų ir ypatybių apribojimai
Turi įtakos naršyklės atvaizdavimo režimui, o skirtingi atvaizdavimo režimai turi įtakos naršyklės CSS kodo ir net Javascrip{filter}t scenarijų analizei
DOCTYPE yra labai svarbus, o dabartinė geriausia praktika yra įvesti tekstą pirmoje HTML dokumento eilutėje:
<!DOCTYPE html>
Yra keletas priežasčių, kodėl reikia rasti bootstrap, apibendrintą dievo įraše, visų pirma, Bootstrap3 buvo sukurtas mobiliojo įrenginio principu, todėl priežastys gali būti šios:
1. Nuotolinis adresas skambinamas netinkamai
Tai yra, kol jis yra IE9 ar žemesnis, skambinkite dviem specialiais js
<!-- HTML5 Shim ir Respond.js IE8 HTML5 elementų ir medijos užklausų palaikymas -->
<!--[jei lt IE 9]>
<scrip{filter}t src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></scrip{filter}t>
<scrip{filter}t src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></scrip{filter}t>
<![endif]-->
Bet aš išbandžiau ir nustatė, kad tik naudojant aukščiau JS failus neįmanoma,
2. Neteisingas skambinimo būdas
Nenurodyti respond.min.js ar respond.js ar CSS failų file:// ar @import forma
3. Naršyklės turinio nustatymas (naudojant metažymas naršyklės atvaizdavimo metodui koreguoti)
"Bootstrap" nepalaiko IE suderinamumo režimo, o norint, kad IE paleistų naujausią atvaizdavimo režimą, į puslapį bus įtrauktos šios žymos
IE = edge reiškia, kad naujausias IE branduolys yra priverstinas, o chrome = 1 reiškia, kad jei naršyklės papildinys Google Chrome Frame IE6 / 7 / 8 ir kitoms versijoms yra įdiegtas (dėl kurio vartotojo naršyklė gali atrodyti vis dar IE meniu ir sąsaja, tačiau vartotojas iš tikrųjų naudoja Chrome naršyklės branduolį naršydamas internete), tada Chrome branduolys naudojamas atvaizduoti. Konkretų šios metažymos paaiškinimą rasite puikiame atsakyme "StackOverflow", o <meta>anglų kalbos paaiškinimą apie žymų ekspertą galite rasti čia
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
Aš pridūriau
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Ir tada jūs einate
Branduolys valdo metažymą, nes dabartinės pagrindinės naršyklės Kinijoje yra dvigubi branduoliai, todėl meta žyma pridedama, kad naršyklė nurodytų, kokį branduolį naudoti puslapiui atvaizduoti
4. IE8 nepalaiko kelių konteinerių savybių
IE8 nevisiškai palaiko dėžutės dydį: border-box naudojamas su min-width, max-width, min-height, arba max-height. Todėl bootstrap v3.0.1 konteinerių klasė nebenaudoja maksimalaus pločio.
5.JS problema, kurią sukelia CSS įvedimo tvarka
Prieš nurodant js reikia cituoti css
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"/>
<scrip{filter}t type="text/javascrip{filter}t" src="js/respond.min.js"></scrip{filter}t>
6. DOCTYPE turi tuščias eilutes prieš ir po
<!DOCTYPE html>
Čia nėra gerai turėti tarpų, reikia pašalinti tarpus
<html>
7. Taip pat galite keisti bootstrap.css rankiniu būdu
Jei naudojate bootstrap 2.1.1, modifikuojant navbar-inner{ filter:none} gali išspręsti problemą, jei naudojate 3.0+ versiją, nėra kodo, daugiau informacijos rasite ryšyje
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Naudokite keistenybių režimą
Apibrėžiant tinklalapį, režimas, kuris yra suderinamas su senesnėmis naršyklėmis, yra keistenybių režimas, o atitinkamas "standartinis režimas" yra standartinis režimas. Tiksliau, <!DOCTYPE html> parašytas kaip anksčiau
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//LT" "http://www.w3.org/TR/html4/strict.dtd">
Aš tai išbandžiau, bet tai neįmanoma
Galiausiai išbandžiau pagal IE11, bet išbandžiau pagal IE8 ir radau problemą, kad vietos rezervavimo ženklas nepalaikomas
Štai kaip išspręsti IE vietos rezervavimo ženklų palaikymą
Šiame straipsnyje nurodytas "jquery" yra išbandytas 1.11.1, o "jquery" nurodomas pirmiausia
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Taip pat galite naudoti kitas jquery versijas
Tada įveskite <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js šio failo atsisiuntimo adresą https://github.com/mathiasbynens/jquery-placeholder
Tada pridėkite kodą prie failo
<scrip{filter}t type="text/javascrip{filter}t">
$(funkcija () {
Iškvieskite papildinį
$('įvestis, teksto sritis').placeholder();
});
</scrip{filter}t>
Jei čia dalyvauju arba problema vis dar neišspręsta, perkelkite http://hustlzp.com/post/2014/01/ie8-compatibility daugiau informacijos
Aukščiau pateiktas IE6, 7, 8, 9, 10, 11, chromas, firefox, safari, opera, 360 naršyklė (greičio režimas), Sogou naršyklės testas išlaikytas, tik IE5.5 atrodo neįmanomas, trumpai tariant, problema čia išspręsta, visi blogi IE6 - vadinkite tai sojos padažu
Jei nenorite jquery.placeholder.js naudoti, nebegalite palaikyti vietos rezervavimo ženklo emuliacijos diegimo naršyklėse
Šiame straipsnyje galite rasti labai išsamų http://ju.outofmemory.cn/entry/1595 |
Paskelbta 2016-08-03 22:55:23
|
|
|
Savininkas