Comment bootstrap résout les problèmes de compatibilité des navigateurs

Bootstrap est le framework HTML, CSS et JS le plus populaire pour développer des projets WEB de mise en page réactive et axés sur les mobiles.

Bootstrap vient de Twitter et est actuellement le framework front-end le plus populaire. Bootstrap est basé sur HTML, CSS et JavaScript, et il est simple et flexible. Pendant le processus de développement, il suffit d'ajouter la classe correspondante à l'élément DOM pour l'appeler, ce qui accélère le développement Web.

Passons au sujet et parlons des problèmes de compatibilité du navigateur Bootstrap 3 et de leurs solutions correspondantes :

Prise en charge des appareils mobiles

2. Prise en charge des PC

Remarque : Windows prend en charge IE 8-11.

Veuillez vous référer à la prise en charge des navigateurs pour une prise en charge détaillée de Bootstrap 3 sur différents navigateurs.

Recommandations associées : "

Tutoriel de démarrage de Bootstrap"

Comme indiqué ci-dessus, IE8 est pris en charge. Cependant, de nombreuses propriétés CSS3 et éléments HTML5 ne sont pas pris en charge. Par exemple, la mise en page réactive de Bootstrap est implémentée via la fonction Media Query de CSS3, qui correspond à différents styles selon différentes résolutions. Le navigateur IE8 ne prend pas en charge cette excellente fonctionnalité CSS3. Bootstrap a clairement souligné dans la documentation de développement qu'IE8 nécessite que Respond.js prenne en charge les requêtes multimédias. Selon la documentation officielle, l'auteur a ajouté le code suivant au bas de la balise du fichier HTML :

Remarque : le fichier html5shiv.min.js ne contient pas (entièrement ) prend en charge html5. Le navigateur prend en charge les balises html5 ; le fichier respons.js permet à IE8 de prendre en charge les requêtes multimédias.

Cependant, lorsque j'ai ouvert la page dans le navigateur IE8, j'ai constaté que le problème de compatibilité n'avait pas été résolu (pit, pit, pit). En consultant des informations pertinentes, l'auteur résume quelques points à noter (la clé pour obtenir l'effet) :

(1) Le débogage local nécessite un serveur Web (tel que IIS, Apache, Nginx), et simplement l'ouverture le fichier localement ne peut pas voir l'effet de compatibilité ;

(2) Si vous constatez que respons.js et Bootstrap ont été référencés, mais que cela n'a toujours aucun effet, veuillez vérifier si votre Bootstrap utilise un fichier CDN < ; >

(3) Bootstrap3 nécessite une déclaration de document Html5

(4) La version de Jquery doit être inférieure à 2.0 ;

Le code du modèle est le suivant :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!