So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung-CSS-Tutorial-php.cn

So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung

高洛峰

Freigeben： 2017-03-22 15:16:21

Original

1704 Leute haben es durchsucht

<!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>

Nach dem Login kopieren

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!

So verwenden Sie die Bootstrap-IE8-Kompatibilitätsverarbeitung

Respond.js und das file:// Protokoll

Respond.js und das `file://` Protokoll