2

Bootstrap 3 を実行し、IE8 を除くすべてのブラウザーで完全に動作する Web サイトがあります。メディア クエリがサポートされていないため、コンテンツがモバイル デバイスで実行されているかのように伸びてしまうことが問題です。

私は、respond.js、html5shiv.js、および Google の html5shim を含めようとしました。メタ http-equiv-tag も含まれています。メディアクエリはまだ機能していないようです。

また、respond.js は xmlHttpRequest-thingy であるため、ローカルでは機能しないことはわかっていますが、このサイトは Web サーバー上で実行されています。

また、respond.js と html5shiv.js の両方が見つかり、リンクが壊れていないことも確認しました。

何か案は？

4

4 に答える 4

3

応答しない css ファイルは、まさに私たちが探していたものではありませんでした。ただし、次の問題が見つかりました。

IE8 は @import-property を気に入らないようです。

必要なスタイルをインポートしたグローバル css ファイルを使用しました。すべてのスタイルシートをヘッダーに移動し、それらを通常のリンク タグに含めると、機能します。

奇妙なことに、通常のブートストラップ スタイル (ボタン、背景など) が適切にインポートされました。グリッドシステムはそうではありませんでした。Internet Explorer は不可解で遅延した方法で動作すると思います。

于 2013-09-20T16:53:27.977 に答える
1

jQuery を読み込んだ後は、必ず次のスクリプトを読み込んでください。

特に WordPress やその他のフレームワークでは、終了タグの直前、つまり html5shiv.js および Respond.js スクリプトの後に jQuery を含める傾向があるため、IE8 で問題が発生します。

<!-- Include first -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.js"></script>
<![endif]-->
于 2014-08-12T10:38:00.767 に答える