css - Wordpress 父/子主题未在 ie7+8 中加载 js

Question

我在对新客户站点进行故障排除时遇到问题。

我正在使用 CSS 媒体查询，但出于某种原因，modernizr/respond.js 不适用于 IE7 和 8 – 我整个上午都在查看这个问题，但无法修复它。想知道一双新鲜的眼睛是否可以发现任何我不能...？

网站在这里:http://cy4or.co.uk

更新:我想知道这是否与 Wordpress 中的父/子主题有关。以前这个网站使用一个主题，后来我将该主题拆分为一个父主题和一个子主题，(我认为)这就是问题开始的时候。

更新 2:它绝对与父/子主题有关。只激活它们的父级，一切正常。

Answer 1

我也遇到了 Respond.js 无法解析我的 WordPress 父/子主题配置中的媒体查询，这涉及在子 CSS 文件中使用 @import 来提取在父主题 CSS 中。然后我发现根据 Respond.js documentation :

Respond.js doesn't parse CSS referenced via @import, nor does it work with media queries within style elements, as those styles can't be re-requested for parsing.

由于我使用的是 Sass，我的解决方案是@import Sass 文件，而不是 CSS 文件:

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

这会将父 CSS 编译成子主题中的单个 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 not working with WordPress parent/child theme”