Hvis der er en lighed, er jeg beæret, hvis det genoptrykkes, så giv venligst besked
Løsning til at få IE6 IE7 IE8 IE9 IE10 IE11 til at understøtte Bootstrap
Jeg har for nylig lavet en hjemmeside. Jeg har altid syntes, at bootstrap er meget god. Denne gang brugte jeg bootstrap3, Chrome, Firefox, Safari, Opera, 360-browseren (speed mode), Sogou-browseren og andre browsere uden problemer. Under IE8 og IE11 fandt jeg ud af, at stilen ikke kunne vises. Derefter blev forskellige Baidu løst. Endelig løste Yapeng.com problemet med hjælp fra et netizen-opslag om . Se også Qianxun Learning Network Løsningen opsummeres som følger:
Først, sørg for, at din HTML-side starter med en DOCTYPE-deklaration. DOCTYPE fortæller browseren, hvilken HTML- eller XHTML-specifikation der skal bruges til at parse et HTML-dokument, hvilket påvirker følgende faktorer:
Begrænsninger på tags, attributter og egenskaber
Påvirker browserens renderingstilstand, og forskellige renderingstilstande påvirker browserens parsning af CSS-kode og endda Javascrip{filter}t-scripts
DOCTYPE er afgørende, og den nuværende bedste praksis er at skrive på den første linje i HTML-dokumentet:
<!DOCTYPE html>
Der er flere grunde til at finde bootstrap opsummeret i gudens indlæg; først og fremmest blev Bootstrap3 udviklet på princippet om mobile enheder først, så årsagerne kan være som følger:
1. Den fjernadresse kaldes ikke korrekt
Det vil sige, så længe det er IE9 eller lavere, kald to specielle j'er
<!-- HTML5 Shim og Respond.js IE8-understøttelse af HTML5-elementer og medieforespørgsler -->
<!--[hvis 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]-->
Men jeg testede og fandt ud af, at det ikke er muligt bare at bruge ovenstående js-filer,
2. Kaldemetoden er forkert
Henvis ikke til respond.min.js-respond.js- eller CSS-filer i file:// eller @import form
3. Identificere browserens indhold (ved hjælp af meta-tags til at justere browserens gengivelsesmetode)
Bootstrap'en understøtter ikke IE-kompatibilitetstilstand, og for at IE kan køre den nyeste renderingstilstand, vil følgende tags blive tilføjet til siden
IE=edge betyder, at den nyeste IE-kerne er tvunget, og chrome=1 betyder, at hvis browser-plugin'et Google Chrome Frame til IE6/7/8 og andre versioner er installeret (hvilket kan få brugerens browser til stadig at ligne IE's menu og interface, men brugeren faktisk bruger Chrome-browserkernen, når de browser på nettet), så bruges Chrome-kernen til at gengive. For en specifik forklaring af dette metatag, se det gode svar på StackOverflow, og den <meta>engelske forklaring af tag-eksperten kan findes her
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
tilføjede jeg
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Og så er du der
Kernen styrer metatagget, fordi de nuværende mainstream-browsere i Kina er dobbelte kerner, så metatagget tilføjes for at fortælle browseren, hvilken kerne der skal bruges til at gengive siden
4. IE8 understøtter ikke flere egenskaber ved containere
IE8 understøtter ikke fuldt ud box-størrelse: border-box bruges med min-width, max-width, min-height eller max-height. Derfor bruger container-klassen i bootstrap v3.0.1 ikke længere max-width.
5.JS problem forårsaget af rækkefølgen, hvori CSS introduceres
Du skal citere CSS, før du refererer til 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 har blanke linjer før og efter
<!DOCTYPE html>
Det er ikke i orden at have mellemrum her, du skal fjerne mellemrum
<html>
7. Du kan også manuelt ændre bootstrap.css
Hvis du bruger bootstrap 2.1.1, kan ændring af navbar-inner{ filter:none} løse problemet, hvis du bruger version 3.0+, er der ingen kode, se venligst forbindelsen for detaljer
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Brug quirks-tilstand
Når man definerer en webside, er den tilstand, der er bagudkompatibel med ældre browsere, quirks-tilstand, og den tilsvarende "standardtilstand" er standardtilstand. Specifikt skrives <!DOCTYPE html> som før
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Jeg har testet det, men det er ikke muligt
Endelig testede jeg under IE11, men testede under IE8 og fandt et problem med, at placeholder ikke understøttes
Sådan løser du IE's støtte til pladsholdere
Den jquery, der refereres til i denne artikel, testes i 1.11.1, og jquery refereres først
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Du kan også bruge andre jquery-versioner
Derefter introducerer <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js downloadadresse for denne fil https://github.com/mathiasbynens/jquery-placeholder
Tilføj derefter noget kode til filen
<scrip{filter}t type="text/javascrip{filter}t">
$(funktion () {
Kald plugin'et
$('input, tekstområde').placeholder();
});
</scrip{filter}t>
Hvis jeg er involveret her, eller hvis problemet stadig er uløst, så giv venligst http://hustlzp.com/post/2014/01/ie8-compatibility flere detaljer
Ovenstående IE6, 7, 8, 9, 10, 11, chrome, firefox, safari, opera, 360-browser (hastighedstilstand), Sogou-browsertesten beståede, kun IE5.5 virker ikke mulig, kort sagt er problemet løst her, alt sammen ondt IE6 – kald det sojasovs
Hvis du ikke vil bruge jquery.placeholder.js, kan du ikke længere understøtte pladsholder-emuleringsimplementeringer under browsere
Du kan læse denne artikel for en meget detaljeret http://ju.outofmemory.cn/entry/1595 |
Opslået på 03/08/2016 22.55.23
|
|
|
Udlejer