S’il y a une ressemblance, je suis honoré, si c’est réimprimé, veuillez indiquer
Solution de contournement pour faire en sorte que IE6 IE7 IE8 IE9 IE10 IE10 prennent en charge Bootstrap
J’ai récemment créé un site web, j’ai toujours trouvé que Bootstrap est très bon. Cette fois, j’ai utilisé bootstrap3, Chrome, Firefox, Safari, Opera, le navigateur 360 (mode vitesse), le navigateur Sogou et d’autres navigateurs n’ont eu aucun problème. Et sous IE8 et IE11, j’ai constaté que le style ne pouvait pas être affiché. Ensuite, plusieurs Baidu. Enfin, avec l’aide d’un post d’internaute sur Yapeng.com ont résolu le problème. Consultez également le Qianxun Learning Network. La solution se résume ainsi :
Tout d’abord, assurez-vous que votre page HTML commence par une déclaration DOCTYPE. DOCTYPE indique au navigateur quelle spécification HTML ou XHTML utiliser pour analyser un document HTML, ce qui influence les facteurs suivants :
Contraintes sur les attributs et propriétés des tags
Affecte le mode de rendu du navigateur, et différents modes de rendu affectent l’analyse du code CSS et même des scripts Javascrip{filter}t par le navigateur
DOCTYPE est essentiel, et la meilleure pratique actuelle est de taper sur la première ligne du document HTML :
< !DOCTYPE html>
Il y a plusieurs raisons de trouver Bootstrap résumées dans le post du dieu, tout d’abord, Bootstrap3 a été développé sur le principe de l’appareil mobile en premier, donc les raisons peuvent être les suivantes :
1. L’adresse distante n’est pas correctement appelée
C’est-à-dire que, tant que c’est IE9 ou moins, on appelle deux j spéciaux
<!-- prise en charge de HTML5 Shim et Respond.js IE8 des éléments HTML5 et des requêtes médias -->
<!--[si 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]-->
Mais j’ai testé et constaté que simplement utiliser les fichiers js ci-dessus n’est pas faisable,
2. La méthode d’appel est incorrecte
Ne faites pas référence à respond.min.js, respond.js ou CSS dans file:// ou @import formulaire
3. Identifier le contenu du navigateur (en utilisant des méta-balises pour ajuster la méthode de rendu du navigateur)
Le bootstrap ne prend pas en charge le mode de compatibilité IE, et pour que IE puisse exécuter le dernier mode de rendu, les balises suivantes seront ajoutées à la page
IE=edge signifie que le dernier noyau IE est forcé, et chrome=1 signifie que si le plug-in Google Chrome Frame pour IE6/7/8 et autres versions est installé (ce qui peut faire ressembler le navigateur de l’utilisateur à un menu et à l’interface d’IE, mais que l’utilisateur utilise en réalité le noyau Chrome pour naviguer sur le web), alors le noyau Chrome est utilisé pour le rendu. Pour une explication spécifique de ce méta-tag, voir la réponse excellente sur StackOverflow, et <meta>l’explication anglaise du tag expert se trouve ici
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
J’ai ajouté
<meta http-equiv="X-UA-Compatible » content="IE=9 » />
Et voilà, c’est parti
Le noyau contrôle la balise méta, car les navigateurs traditionnels actuels en Chine sont des noyaux doubles, donc la balise méta est ajoutée pour indiquer au navigateur quel noyau utiliser pour afficher la page
4. IE8 ne prend pas en charge plusieurs propriétés des conteneurs
IE8 ne prend pas entièrement en charge la taille des boîtes : la boîte de bordure est utilisée avec la largeur min, la largeur maximale, la hauteur minimale ou la hauteur maximale. Par conséquent, la classe conteneur dans bootstrap v3.0.1 n’utilise plus la largeur maximale.
5.JS problème causé par l’ordre dans lequel le CSS est introduit
Il faut citer CSS avant de référencer JS
<lien rel="feuille de style » 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 comporte des lignes blanches avant et après
< !DOCTYPE html>
Il n’est pas acceptable d’avoir des espaces ici, il faut les supprimer
<html>
7. Vous pouvez aussi modifier la bootstrap.css manuellement
Si vous utilisez bootstrap 2.1.1, modifier navbar-inner{ filter :none} peut résoudre le problème ; si vous utilisez la version 3.0+, il n’y a pas de code, veuillez consulter la connexion pour plus de détails
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8
8. Utiliser le mode quirks
Lors de la définition d’une page web, le mode rétrocompatible avec les anciens navigateurs est le mode quirks, et le « mode standard » correspondant est le mode standard. Plus précisément, < !DOCTYPE html> est écrit comme avant
< !DOCTYPE HTML PUBLIC « -//W3C//DTD HTML 4.01//EN » « http://www.w3.org/TR/html4/strict.dtd">
J’ai testé cela, mais ce n’est pas faisable
Finalement, j’ai testé sous IE11, mais j’ai testé sous IE8 et j’ai trouvé un problème indiquant que le placeholder n’est pas pris en charge
Voici comment résoudre le support d’IE pour les placeholders
Le jquery référencé dans cet article est testé en 1.11.1, et jquery est référencé en premier
<scrip{filter}t type="text/javascrip{filter}t » src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip{filter}t>
Vous pouvez aussi utiliser d’autres versions jquery
Puis introduire <scrip{filter}t type="text/javascrip{filter}t » src="js/jquery.placeholder.js"></scrip{filter}t>
jquery.placeholder.js adresse de téléchargement pour ce fichier https://github.com/mathiasbynens/jquery-placeholder
Puis ajoutez un peu de code au fichier
<scrip{filter}t type="text/javascrip{filter}t">
$(fonction () {
Invoquer le plugin
$('entrée, zone text').placeholder() ;
});
</scrip{filter}t>
Si je suis impliqué ici ou si le problème reste non résolu, merci de http://hustlzp.com/post/2014/01/ie8-compatibility plus de détails
Les tests IE6, 7, 8, 9, 10, 11, Chrome, Firefox, Safari, Opera, navigateur 360 (mode vitesse), Sogou Browser a réussi, seul IE5.5 semble non réalisable, en résumé, le problème est résolu ici, tous les maléfiques IE6 – appelez ça la sauce soja
Si vous ne souhaitez pas utiliser jquery.placeholder.js, vous ne pouvez plus supporter les implémentations d’émulation temporaire dans les navigateurs
Vous pouvez consulter cet article pour un http://ju.outofmemory.cn/entry/1595 très détaillé |
Publié sur 03/08/2016 22:55:23
|
|
|
Propriétaire