0

私は、Wordpress に応答性の高い Web サイトを持っています。これは、IE のブラウザー以外のすべてのプラットフォームでうまく機能します。

IE のレスポンシブの問題を解決するために、respond.js というプラグインを使用しました。これは、メイン スタイルシートからメディア クエリを IE に取り込む優れたプラグインです。

私の問題は、いくつかの要素が欠落しているか、IE で div の位置が変更されていることです。ブラウザ用に別のスタイルシートを呼び出すことができると聞いたことがありますが、いくつか問題があります。

読み込み時にタグが表示されます:

<!--[if lt IE]> <![endif]-->実際のウェブサイトのコピーで。

ie スタイルシートは、別の背景色でテストしたときに読み込まれますが、そのスタイルシート内でメディア クエリは機能しません。ブラウザーが小さくなり、幅が 100% になると、いくつかの重要な div が失われ、元のスタイルシートを変更できなくなります。他のブラウザーでは問題ありません。

これが理にかなっていることを本当に願っています。以下は、ヘッダー内の要素の位置です。

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/media-queries.css"/>

<!--[if lt IE]>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/ie.css"/>
<![endif]-->

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/respond.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/placeholder.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
4

1 に答える 1

0

ie リンクのスタイルシートを次のように変更しました。

<!--[if IE]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" type="text/css" />
<!![endif]-->

そしてうまくいきます！

于 2013-04-17T10:19:14.637 に答える