Ak je tam podobnosť, som poctený, ak to bude znovu vydané, prosím, uveďte to
Obchádzka, aby IE6, IE7, IE8, IE9, IE10, IE11 podporovali Bootstrap
Nedávno som vytvoril webovú stránku, vždy som mal pocit, že bootstrap je veľmi dobrý. Tentoraz som použil bootstrap3, Chrome, Firefox, Safari, Opera, 360 prehliadač (režim rýchlosti), prehliadač Sogou a ďalšie prehliadače nemajú žiadne problémy. A pod IE8 a IE11 som zistil, že štýl sa nedá zobraziť, potom rôzne Baidu, nakoniec s pomocou príspevku na Yapeng.com vyriešili problém. Pozri tiež Qianxun Learning Network Riešenie je zhrnuté nasledovne:
Najprv sa uistite, že vaša HTML stránka začína deklaráciou DOCTYPE. DOCTYPE hovorí prehliadaču, akú špecifikáciu HTML alebo XHTML má použiť na spracovanie HTML dokumentu, čo ovplyvňuje nasledujúce faktory:
Obmedzenia na atribúty a vlastnosti značiek
Ovplyvňuje režim vykresľovania prehliadača a rôzne režimy vykresľovania ovplyvňujú spracovanie CSS kódu a dokonca aj Javascrip{filter}t skriptov
DOCTYPE je kľúčový a súčasná najlepšia prax je písať na prvý riadok HTML dokumentu:
<!DOCTYPE html>
Existuje niekoľko dôvodov, prečo nájsť bootstrap, zhrnutých v príspevku o bohu, v prvom rade bol Bootstrap3 vyvinutý najskôr na princípe mobilného zariadenia, takže dôvody môžu byť nasledovné:
1. Vzdialená adresa sa nevolá správne
To znamená, že pokiaľ je to IE9 alebo nižšie, volajte dva špeciálne js
<!-- HTML5 Shim a Respond.js IE8 podpora HTML5 prvkov a mediálnych dotazov -->
<!--[ak je to 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]-->
Ale otestoval som to a zistil som, že len použitie vyššie uvedených js súborov nie je možné,
2. Metóda volania je nesprávna
Neodkazujte na respond.min.js, respond.js ani CSS súbory v file:// alebo @import forme
3. Identifikácia obsahu prehliadača (pomocou meta značiek na úpravu spôsobu vykresľovania prehliadača)
Bootstrap nepodporuje režim kompatibility IE a aby IE mohol spustiť najnovší režim renderovania, na stránku budú pridané nasledujúce značky
IE=edge znamená, že najnovšie jadro IE je nútené, a chrome=1 znamená, že ak je nainštalovaný prehliadačový plugin Google Chrome Frame pre IE6/7/8 a ďalšie verzie (čo môže spôsobiť, že prehliadač používateľa vyzerá stále ako menu a rozhranie IE, ale používateľ v skutočnosti používa kernel prehliadača Chrome pri prehliadaní webu), potom sa kernel Chrome používa na renderovanie. Pre konkrétne vysvetlenie tohto meta tagu si pozrite skvelú odpoveď na StackOverflow a <meta>anglické vysvetlenie tag experta nájdete tu
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
Dodal som
<meta http-equiv="X-UA-kompatibilný" obsah="IE=9" />
A potom to máte
Jadro ovláda meta tag, pretože súčasné hlavné prehliadače v Číne majú duálne jadrá, takže meta tag sa pridáva, aby prehliadaču povedal, aké jadro má použiť na vykreslenie stránky
4. IE8 nepodporuje niekoľko vlastností kontajnerov
IE8 plne nepodporuje box-sting: okrajový box sa používa s min-width, max-width, min-height alebo max-height. Preto kontajnerová trieda v bootstrap v3.0.1 už nepoužíva maximálnu šírku.
5.JS problém spôsobený poradím, v akom je CSS zavedený
Musíš citovať css predtým, než použiješ odkaz na js
<link rel="stylesheet" typ="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 má prázdne riadky pred a za
<!DOCTYPE html>
Nie je v poriadku mať tu medzery, musíte ich odstrániť
<html>
7. bootstrap.css môžete tiež manuálne upraviť
Ak používate bootstrap 2.1.1, úprava navbar-inner{ filter:none} môže problém vyriešiť, ak používate verziu 3.0+, nie je tam žiadny kód, podrobnosti nájdete v prepojení
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Použi režim quirks
Pri definovaní webovej stránky je režim, ktorý je spätne kompatibilný so staršími prehliadačmi, režim zvláštností, a zodpovedajúci "štandardný režim" je štandardný režim. Konkrétne, <!DOCTYPE html> je napísaný ako predtým
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Testoval som to, ale nie je to možné
Nakoniec som testoval pod IE11, ale testoval som aj pod IE8 a našiel som problém, že zástupca nie je podporovaný
Tu je návod, ako vyriešiť podporu IE pre zástupcov
jquery, na ktorý sa odkazuje v tomto článku, je testovaný v 1.11.1 a jquery je uvedený ako prvý
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Môžete tiež použiť iné verzie jquery
Potom predstavte <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js adresu na stiahnutie tohto súboru https://github.com/mathiasbynens/jquery-placeholder
Potom pridajte nejaký kód do súboru
<scrip{filter}t type="text/javascrip{filter}t">
$(funkcia () {
Spustiť plugin
$('input, textarea').placeholder();
});
</scrip{filter}t>
Ak som tu zapojený alebo ak je problém stále nevyriešený, prosím, presuňte sa http://hustlzp.com/post/2014/01/ie8-compatibility viac detailov
Vyššie uvedené IE6, 7, 8, 9, 10, 11, Chrome, Firefox, Safari, Opera, 360 prehliadač (režim rýchlosti), Sogou prehliadač prešiel, len IE5.5 sa zdá byť nerealizovateľný, stručne povedané, problém je vyriešený, všetko zlé IE6 – nazvi to sójovou omáčkou
Ak jquery.placeholder.js nechcete používať, už nemôžete podporovať implementácie zástupných emulácií v prehliadačoch
Môžete sa pozrieť na tento článok pre veľmi podrobný http://ju.outofmemory.cn/entry/1595 |
Zverejnené 3. 8. 2016 22:55:23
|
|
|
Prenajímateľ