suchen

Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung

So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung

高洛峰
高洛峰Original
2017-03-22 15:16:211690Durchsuche

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap IE8兼容性</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
        
        <!--[if lt IE 9]>
              <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
              <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        
    </head>

    <body>
        <div>
            <div>
                <div style="border: 1px solid red;">
                    左侧
                </div>
                <div style="border: 1px solid green;">
                    右侧
                </div>
            </div>
        </div>
    </body>

</html>

Für IE8 muss noch eine zusätzliche Respond.js-Datei eingeführt werden, um Medienabfragen zu unterstützen.

1. Wirkung unter http-Protokoll (z. B. http://192.168.12.40:8020/bootstrap/index.html):

使用bootstrap IE8兼容性处理的方法

2. Datei Der Effekt unter dem Dateiprotokoll IE8 (z. B.: C:UsersdellDocumentsHBuiderProjectbootstrapindex.html)

使用bootstrap IE8兼容性处理的方法

Wie im Bild oben gezeigt, wird das Rasterlayout nicht mehr unterstützt.

Die Hauptprobleme sind:

Respond.js und das file:// Protokoll

Aufgrund des Sicherheitsmechanismus des Browsers kann Respond.js nicht sein Wird in Funktionen normalerweise auf Seiten verwendet, auf die über das file://-Protokoll zugegriffen wird (das Protokoll, das zum Öffnen lokaler HTML-Dateien verwendet wird). Wenn Sie die Reaktionsfunktionen unter IE8 testen müssen, stellen Sie sicher, dass Sie über das HTTP-Protokoll auf die Seite zugreifen (z. B. Einrichten von Apache, Nginx usw.).

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：[Kleine Demo] Beispielcode für den doppelten Wechsel zwischen linken und rechten Tab-TabsNächster Artikel：[Kleine Demo] Beispielcode für den doppelten Wechsel zwischen linken und rechten Tab-Tabs

In Verbindung stehende Artikel

Mehr sehen