Pourquoi mon site Web Twitter Bootstrap 3 affiche-t-il la version mobile dans Internet Explorer 8 et comment puis-je résoudre le problème de « largeur maximale » sur la classe conteneur ?

Problème Twitter Bootstrap 3 dans Internet Explorer 8

Contenu de la question :

Je suis Créer un site Web utilisant le nouveau Twitter Bootstrap. Ce site Web s'affiche et fonctionne correctement dans tous les navigateurs requis, à l'exception d'IE8.

Dans IE8, il semble afficher la version mobile de l'élément mais étendu au plein écran du moniteur de bureau. Je pense que le problème que j'ai est que Twitter Bootstrap est avant tout mobile. Donc, pour une raison quelconque, IE8 utilise cette option.

J'ai également remarqué que la classe conteneur ne semble pas obtenir la propriété CSS max-width comme prévu. Quelqu'un peut-il voir ce que je fais de mal ?

Code :

<!-- Favicon -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Bootstrap -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<script src="/SiteFiles/js/modernizr.js"></script>

<!-- CSS -->
<link href="/SiteFiles/css/main.css" rel="stylesheet">

<header>
    <div>

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!