0

新しいクライアント サイトのトラブルシューティングに問題があります。

CSS メディア クエリを使用していますが、何らかの理由で modernizr/respond.js が IE7 と 8 で機能しません。午前中ずっとこれを調べていて、修正できません。新鮮な目で、私が見つけられないものを見つけることができるのだろうか...?

サイトはこちら: http://cy4or.co.uk

更新: これが Wordpress の親/子テーマと関係があるかどうか疑問に思っています。以前、このサイトは 1 つのテーマを使用していましたが、それ以来、そのテーマを親テーマと子テーマに分割し、(私が思うに) それが問題の始まりでした。

更新 2: それは間違いなく親/子テーマと関係があります。それらの親だけをアクティブにし、すべて正常に動作します。

4

3 に答える 3

1

私も、子 CSS ファイルを使用して親テーマ CSS をプルすることを含む、WordPress の親/子テーマ構成でメディア クエリを解析しないRespond.jsに悩まされていました。次に、 Respond.js のドキュメント@importに従って次のことを発見しました。

Respond.js は、@import を介して参照される CSS を解析しません。また、スタイル要素内のメディア クエリでも動作しません。これらのスタイルは解析のために再要求できないためです。

私は Sass を使用しているので、私の場合の解決策は、CSS ファイルではなくSassファイルを @import することでした。

@import '../parent/scss/style.scss';

これにより、親 CSS が子テーマの 1 つの style.css ファイルにコンパイルされ、Respond.js はメディア クエリを期待どおりにレンダリングします。プリプロセッサを使用していない場合、または親 CSS ファイル自体をロードする別の理由がある場合は、wp_enqueue_style.

function link_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
}
add_action('wp_enqueue_scripts', 'link_parent_theme_style');

技術的には、この質問は「Respond.js が WordPress の親/子テーマで動作しない」と読む必要があります。

于 2014-04-28T05:47:21.543 に答える
0

したがって、この問題は解決するのが少し難しいことがわかりました。

css をコンパイルするために .less を使用していますが、何らかの理由で Child テーマを使用して style.css の上部にある親 css をインポートすると、ie8 以下では機能しませんでした。

「機能していませんでした」について詳しく説明できればと思いますが、2 日間のトラブルシューティングを行った後、問題が何であるかを本当に伝えることができませんでした。

最後に、子 css をヘッダーに直接追加し、その後に親 css を追加することにしました。

<link rel="stylesheet" href="http://site.com/wp-content/themes/Parent/style.css">
<link rel="stylesheet" href="http://site.com/wp-content/themes/Child/style.css">

これは私にとってはうまくいきました。理想的ではないことはわかっていますが、一緒に暮らすことができます。.less アプリを使用して子テーマと親テーマの css を正常にコンパイルする方法について誰かが知っている場合は、知りたいです。

于 2012-06-27T14:18:31.527 に答える
0

ページが検証されていません。JavaScript がエラーなしで実行される可能性を最大限に高めるには、正しく検証されたページが必要になる可能性が高くなります。

于 2012-06-26T12:56:00.910 に答える