0

Drupal 7 の Zen スターター テーマを使用して、このサイトwww.nettango.comを作成しました。すべてがうまく機能しているようで、問題が発生したときに物事を把握しています。しかし、私はIE8にレスポンシブスタイルを尊重させようとしています。これが私がやったことです：

サイト設定:オン -
Respond.js JavaScript を追加して、基本的な CSS3 メディア クエリ サポートを IE 6-8 に追加します。
オン - HTML5 shim JavaScript を追加して、IE 6-8 にサポートを追加します。
オン- メタ タグを追加して、モバイル デバイスでレスポンシブ デザインをサポートします。

これを行動に移す：

<script src="/themes/zen/js/html5-respond.js"></script>

スクリプトはロードされていますが、メディアクエリに従いません。

その後、Zen のスクリプトを次のように置き換えました。

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

どちらも同じ効果がありました-何もありません。

メディアクエリがどのように設定されているかを示すための私の css ファイルのサンプルを次に示します。

@media screen and (max-width:1100px) {
    html{font-size: 83%;}
    #header {background:blue;}
}

www.nettango.comサイト ファイルを調べてみてください。私はこれを解決するために一日の大半を費やしましたが、運がありませんでした。

助けてくれてありがとう。

4

3 に答える 3

3

これは、開発モードで css3-mediaqueries を使用しようとしていることが原因である可能性が最も高いです。Drupal 7 は、非 CSS アグリゲーション モードでスタイルシートに @import ルールを使用します。

css3-mediaqueires.js プロジェクトの概要から:

注: @import されたスタイルシートでは機能しません...

したがって、css3-mediaqueries.js は、CSS アグリゲーションが有効になっている場合 (本番環境) にのみ有効になります。

于 2013-07-08T11:48:55.620 に答える
0

メディアクエリはライブ サーバーでは機能するようですが、ローカル サーバーでは機能しません。変。それがなぜなのかわかりません。

于 2013-02-07T15:19:00.353 に答える