Če obstaja podobnost, sem počaščen, če bo ponatisnjena, prosim navedite
Rešitev, da IE6, IE7, IE8, IE9, IE10, IE11 podpirajo Bootstrap
Nedavno sem ustvaril spletno stran. Vedno sem menil, da je bootstrap zelo dober. Tokrat sem uporabil bootstrap3, Chrome, Firefox, Safari, Opera, 360 brskalnik (način hitrosti), brskalnik Sogou in drugi brskalniki nimajo težav. Pod IE8 in IE11 sem ugotovil, da slog ni mogoče prikazati. Nato so različni Baidu, končno s pomočjo objave uporabnika na Yapeng.com rešili težavo. Glej tudi Qianxun Learning Network Rešitev je povzeta takole:
Najprej poskrbite, da vaša HTML stran začne z deklaracijo DOCTYPE. DOCTYPE brskalniku pove, katero specifikacijo HTML ali XHTML naj uporabi za razčlenitev HTML dokumenta, kar vpliva na naslednje dejavnike:
Omejitve na oznake, atribute in lastnosti
Vpliva na način upodabljanja brskalnika, različni načini upodabljanja pa vplivajo na razčlenjevanje CSS kode in celo Javascrip{filter}t skript
DOCTYPE je ključnega pomena, trenutna najboljša praksa pa je, da se na prvi vrstici HTML dokumenta vpiše:
<!DOCTYPE html>
Obstaja več razlogov za iskanje bootstrapa, povzetih v objavi o bogu, najprej, Bootstrap3 je bil najprej razvit na principu mobilne naprave, zato so razlogi lahko naslednji:
1. Oddaljeni naslov ni pravilno klican
To pomeni, da če je IE9 ali nižji, pokličemo dva posebna js
<!-- HTML5 Shim in Respond.js podpora IE8 za HTML5 elemente in medijske poizvedbe -->
<!--[če je 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]-->
Ampak sem preizkusil in ugotovil, da uporaba zgornjih js datotek ni izvedljiva,
2. Metoda klica je napačna
Ne navajajte respond.min.js, respond.js ali CSS datotek v file:// ali @import obliki
3. Prepoznavanje vsebine brskalnika (z uporabo meta oznak za prilagoditev načina upodabljanja brskalnika)
Bootstrap ne podpira načina združljivosti z IE, in da bi IE lahko zagnal najnovejši način upodabljanja, bodo na stran dodane naslednje oznake
IE=edge pomeni, da je najnovejše jedro IE prisiljeno, chrome=1 pa pomeni, da če je nameščen vtičnik Google Chrome Frame za IE6/7/8 in druge različice (kar lahko povzroči, da brskalnik uporabnika še vedno izgleda kot meni in vmesnik IE, vendar uporabnik dejansko uporablja jedro brskalnika Chrome med brskanjem po spletu), se jedro brskalnika Chrome uporabi za upodabljanje. Za specifično razlago te meta oznake si oglejte odličen odgovor na StackOverflow, <meta>angleško razlago strokovnjaka za oznake pa najdete tukaj
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
Dodala sem
<meta http-equiv="X-UA-kompatibilna" vsebina="IE=9" />
In potem, evo te
Jedro nadzoruje meta oznako, saj so trenutni glavni brskalniki na Kitajskem dvojna jedra, zato je meta oznaka dodana, da brskalniku pove, katero jedro naj uporabi za upodabljanje strani
4. IE8 ne podpira več lastnosti kontejnerjev
IE8 ne podpira v celoti velikosti škatle: okvir se uporablja z minimalno širino, maksimalno širino, minimalno višino ali maksimalno višino. Zato razred kontejnerja v bootstrapu v3.0.1 ne uporablja več maksimalne širine.
5.JS težava, ki jo povzroča vrstni red uvajanja CSS
Preden citiraš css, moraš citirati css, preden se sklicuješ na js
<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 ima prazne vrstice pred in za
<!DOCTYPE html>
Tukaj ni v redu imeti presledkov, te presledke je treba odstraniti
<html>
7. bootstrap.css lahko tudi ročno spremenite
Če uporabljate bootstrap 2.1.1, lahko sprememba navbar-inner{ filter:none} reši težavo, če uporabljate različico 3.0+, ni kode, za podrobnosti si oglejte povezavo
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Uporabi način posebnosti
Pri definiranju spletne strani je način, ki je združljiv nazaj s starejšimi brskalniki, način posebnosti, ustrezni "standardni način" pa je standardni način. Natančneje, <!DOCTYPE html> je napisan kot prej
<!DOCTYPE HTML JAVNO "-///W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Preizkusil sem to, vendar ni izvedljivo
Na koncu sem testiral pod IE11, a pod IE8 in naletel na težavo, da nadomestni začasni sistem ni podprt
Tukaj je, kako rešiti IE-jevo podporo za nadomestke
jquery, na katerega se sklicuje ta članek, je preizkušen v različici 1.11.1, jquery pa je naveden najprej
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Uporabite lahko tudi druge različice jquery
Nato uvedimo <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js naslov za prenos te datoteke https://github.com/mathiasbynens/jquery-placeholder
Nato dodajte nekaj kode v datoteko
<scrip{filter}t type="text/javascrip{filter}t">
$(funkcija () {
Sproži vtičnik
$('input, textarea').placeholder();
});
</scrip{filter}t>
Če sem tukaj vključen ali če je težava še vedno nerešena, prosim, premaknite se http://hustlzp.com/post/2014/01/ie8-compatibility več podrobnosti
Zgornji test IE6, 7, 8, 9, 10, 11, Chrome, Firefox, Safari, Opera, brskalnik 360 (hitrostni način), Sogou brskalnik je opravil, le IE5.5 se zdi neizvedljiv, skratka, težava je rešena, vse zlo IE6 - imenujte ga sojina omaka
Če jquery.placeholder.js ne želite uporabljati, ne morete več podpirati implementacij nadomestne emulacije v brskalnikih
Za zelo podroben http://ju.outofmemory.cn/entry/1595 si lahko ogledate ta članek |
Objavljeno na 3. 08. 2016 22:55:23
|
|
|
Najemodajalec