2

新しいデザインに Bootstrap 3 フレームワークを使用しています。Safari、Chrome、Firefox ではすべて正常に動作しますが、IE8 では動作しません。functions.php ファイルに Respond.min.js と html5shiv.js を追加しました。これらのファイルは、Chrome の「inspect-element -> resources」で確認できるように読み込まれます。

それでも IE8 では、サイトがそのままモバイル デバイスとして表示されますが、これは正しくありません。

これを解決するには？

4

3 に答える 3

-1

私の頭のタグ:

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Bootstrap core CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modern-business.js"></script>
     <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.js"></script>
    <![endif]-->  
    </head>

ローカルで試したい場合は、localhost 経由で試すか、QA サーバーを作成してコンテンツを設定して試してください。

ブートストラップ 3 には、respond.js が必要です。それを js に入れてヘッダーの html に追加するだけでは、ローカル マシンでは機能しません。

IEにはaccess deniedセキュリティ制限があるため、サーバー経由でのみ機能します。

于 2013-11-28T09:37:15.903 に答える
-1

Googling Bootstrap 3 IE 8 の場合、上位の結果の 1 つは次のとおりです。

最終的には、ここから取得できる "" を追加する必要があると言われています: https://code.google.com/p/css3-mediaqueries-js/

于 2013-12-22T18:11:34.410 に答える