0

問題は、ページがInternet Explorer 8でブートストラップを使用してサイトのモバイル バージョンを表示することです。このトピックをさらに読んでいくと、デフォルトではメディア クエリが IE8 で機能しないことがわかりました。

Respond.js の使用を提案するトピックを読みました。私はそれを行っており、css/scripts を含める順序にも従いました。

headタグ内:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" /><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="/js/html5shiv.js"></script>
  <script src="/js/respond.min.js"></script>
<![endif]-->

ボディタグ内

<script src="/js/jquery-latest.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

サイトはパブリックにアクセス可能であり、ローカル Web サーバーにはありません。

IE8 では他のブラウザーのようにサイトが表示されないため、私は何か間違ったことをしているに違いありません。私は何が間違っているのでしょうか？

4

4 に答える 4

1

1.ブラウザ

まず、ブラウザでスクリプトを実行し続けているかどうかを確認してください。

ここに画像の説明を入力

はい

ジャンボトロン... このサイトはあなたが望むように見えます。

ここに画像の説明を入力

いいえ

jumbotron ... このサイトはモバイル ビューのように見えます。いいえを押すと、他のウェブサイトもモバイルビューのように見えます。これを IETester でテストします。

ここに画像の説明を入力

2. response.js の CDN の問題

ここで述べたように、response.js でローカル ファイルを使用する

参考までに-私はブートストラップ3でwww.spectraforce.comサイトを開発しました.IE8でうまく機能しています

于 2014-04-29T09:13:10.120 に答える
0

Respond.js を追加する必要があります。私が知る限り、Modernizr にはその機能は含まれていません。

最新バージョンの IE でテストしていて、ie8 をエミュレートしようとしている場合、コンディショナル タグは機能しません。古いバージョンの IE をテストするためにこれを使用します。https://www.virtualbox.org/

于 2014-04-29T08:27:35.173 に答える