Warum zeigt meine Twitter Bootstrap 3-Website die mobile Version in Internet Explorer 8 an und wie kann ich das Problem mit der maximalen Breite in der Containerklasse beheben?

Twitter Bootstrap 3-Problem in Internet Explorer 8

Inhalt der Frage:

Ich bin Create eine Website, die den neuen Twitter Bootstrap verwendet. Diese Website wird in allen erforderlichen Browsern außer IE8 ordnungsgemäß angezeigt und funktioniert ordnungsgemäß.

In IE8 scheint die mobile Version des Elements angezeigt zu werden, jedoch gestreckt auf den gesamten Bildschirm des Desktop-Monitors. Ich glaube, das Problem, das ich habe, ist, dass Twitter Bootstrap zuerst mobil ist. Aus irgendeinem Grund verwendet IE8 diese Option.

Mir ist außerdem aufgefallen, dass die Containerklasse nicht wie erwartet die CSS-Eigenschaft „max-width“ zu erhalten scheint. Kann jemand sehen, was ich falsch mache?

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>

Das obige ist der detaillierte Inhalt vonWarum zeigt meine Twitter Bootstrap 3-Website die mobile Version in Internet Explorer 8 an und wie kann ich das Problem mit der maximalen Breite in der Containerklasse beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!