Ja ir līdzība, es esmu pagodināts, ja tas tiek atkārtoti izdrukāts, lūdzu, norādiet
Risinājums, lai padarītu IE6 IE7 IE8 IE9 IE10 IE11 atbalstu Bootstrap
Nesen izveidoja tīmekļa vietni, es vienmēr esmu uzskatījis, ka bootstrap ir ļoti labs, šoreiz es izmantoju bootstrap3, Chrome, Firefox, Safari, Opera, 360 pārlūkprogrammu (ātruma režīms), Sogou pārlūkprogrammu un citām pārlūkprogrammām nav problēmu, un saskaņā ar IE8 un IE11 konstatēja, ka stilu nevar parādīt, tad dažādi Baidu, Visbeidzot ar interneta ziņu palīdzību par Yapeng.com atrisināja problēmu, skatiet arī Qianxun mācību tīklu Risinājums ir apkopots šādi:
Vispirms pārliecinieties, vai HTML lapa sākas ar DOCTYPE deklarāciju. DOCTYPE norāda pārlūkprogrammai, kāda HTML vai XHTML specifikācija jāizmanto, lai parsētu HTML dokumentu, kas ietekmē šādus faktorus:
Ierobežojumi tagiem, atribūtiem un rekvizītiem
Ietekmē pārlūkprogrammas renderēšanas režīmu, un dažādi renderēšanas režīmi ietekmē pārlūkprogrammas CSS koda un pat Javascrip{filter}t skriptu parsēšanu
DOCTYPE ir ļoti svarīgs, un pašreizējā labākā prakse ir rakstīt HTML dokumenta pirmajā rindiņā:
<!DOCTYPE html>
Ir vairāki iemesli, lai atrastu bootstrap, kas apkopots dieva amatā, pirmkārt, Bootstrap3 tika izstrādāts pēc mobilās ierīces principa, tāpēc iemesli var būt šādi:
1. Attālā adrese netiek izsaukta pareizi
Tas ir, kamēr tas ir IE9 vai zemāks, izsauciet divus īpašus js
<!-- HTML5 Shim un Respond.js IE8 atbalstu HTML5 elementiem un multivides vaicājumiem -->
<!--[ja 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 es pārbaudīju un atklāju, ka nav iespējams izmantot tikai iepriekš minētos js failus,
2. Zvana metode ir nepareiza
Neatsaucieties uz respond.min.js vai respond.js vai CSS failiem file:// vai @import formā
3. Pārlūkprogrammas satura identificēšana (izmantojot metatagus, lai pielāgotu pārlūkprogrammas atveidošanas metodi)
Bootstrap neatbalsta IE saderības režīmu, un, lai IE varētu palaist jaunāko renderēšanas režīmu, lapai tiks pievienoti šādi tagi
IE=edge nozīmē, ka jaunākais IE kodols ir piespiests, un chrome=1 nozīmē, ka, ja ir instalēts pārlūkprogrammas spraudnis Google Chrome Frame IE6/7/8 un citām versijām (kas var padarīt lietotāja pārlūkprogrammu nekustīgu IE izvēlni un saskarni, bet lietotājs faktiski izmanto Chrome pārlūka kodolu, pārlūkojot tīmekli), tad Chrome kodols tiek izmantots renderēšanai. Lai iegūtu konkrētu skaidrojumu par šo metatagu, skatiet lielisko atbildi vietnē StackOverflow, un <meta>tagu eksperta skaidrojumu angļu valodā var atrast šeit
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
Es pievienoju
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Un tad jūs ejat
Kodols kontrolē meta tagu, jo pašreizējās galvenās pārlūkprogrammas Ķīnā ir dubultie kodoli, tāpēc meta tags tiek pievienots, lai pateiktu pārlūkprogrammai, kādu kodolu izmantot, lai atveidotu lapu
4. IE8 neatbalsta vairākas konteineru īpašības
IE8 pilnībā neatbalsta lodziņa izmēru noteikšanu: border-box tiek izmantots ar min-width, max-width, min-height, vai max-height. Tāpēc konteineru klase bootstrap v3.0.1 vairs neizmanto maksimālo platumu.
5.JS problēma, ko izraisa CSS ieviešanas secība
Pirms atsauces uz js jums ir jācitē 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 ir tukšas rindiņas pirms un pēc
<!DOCTYPE html>
Nav labi, ja šeit ir atstarpes, jums ir jānoņem atstarpes
<html>
7. Jūs varat arī modificēt bootstrap.css manuāli
Ja izmantojat bootstrap 2.1.1, modificējot navbar-inner{ filter:none} var atrisināt problēmu, ja izmantojat versiju 3.0+, nav koda, lūdzu, skatiet savienojumu, lai iegūtu sīkāku informāciju
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Izmantojiet dīvainību režīmu
Definējot tīmekļa lapu, režīms, kas ir atpakaļsaderīgs ar vecākām pārlūkprogrammām, ir dīvainības režīms, un atbilstošais "standarta režīms" ir standarta režīms. Konkrēti, <!DOCTYPE html> ir rakstīts tāpat kā iepriekš
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//LV" "http://www.w3.org/TR/html4/strict.dtd">
Es to pārbaudīju, bet tas nav iespējams
Visbeidzot, es pārbaudīju saskaņā ar IE11, bet pārbaudīju saskaņā ar IE8 un atradu problēmu, ka vietturis netiek atbalstīts
Tālāk ir aprakstīts, kā atrisināt IE atbalstu vietturiem
Šajā rakstā minētais jquery tiek pārbaudīts 1.11.1, un jquery ir atsauce vispirms
<scrip{filter}t type="text/javascrip{filter}t" src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Varat izmantot arī citas jquery versijas
Tad iepazīstiniet <scrip{filter}t type="text/javascrip{filter}t" src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js šī faila lejupielādes adrese https://github.com/mathiasbynens/jquery-placeholder
Pēc tam pievienojiet failam kodu
<scrip{filter}t type="text/javascrip{filter}t">
$(funkcija () {
Spraudņa izsaukšana
$('ievade, teksta apgabals').vietturis();
});
</scrip{filter}t>
Ja es šeit esmu iesaistīts vai problēma joprojām nav atrisināta, lūdzu, pārvietojieties http://hustlzp.com/post/2014/01/ie8-compatibility sīkāku informāciju
Iepriekš minētais IE6, 7, 8, 9, 10, 11, hroms, firefox, safari, opera, 360 pārlūks (ātruma režīms), Sogou pārlūka tests nokārtots, tikai IE5.5 šķiet neiespējami, īsāk sakot, problēma ir atrisināta šeit, viss ļaunais IE6 - sauciet to par sojas mērci
Ja nevēlaties jquery.placeholder.js izmantot, vairs nevarat atbalstīt viettura emulācijas ieviešanu pārlūkprogrammās
Jūs varat atsaukties uz šo rakstu, lai iegūtu ļoti detalizētu http://ju.outofmemory.cn/entry/1595 |
Publicēts 03.08.2016 22:55:23
|
|
|
Saimnieks