如何在 wp_enqueue_style() 的 Wordpress 中使用 HTML <link> 媒体属性？

Question

我正在使用 wp_enqueue_style() 将样式表加载到我的 wordpress 主题中，如下所示：

wp_enqueue_style(
    'custom-stylesheet',
    get_stylesheet_directory_uri() . '/stylesheets/style.css',
    array(),
    '1.0.0'
);

---

我的目标是每个分辨率或媒体查询使用一个样式表文件。

所以我找到了以下解决方案：

<link rel="stylesheet" media='screen and (min-width: 140px) and (max-width: 380px)' href="style.css"/>

---

此时，我需要在我的 <link> 标签上使用 media 属性。

如何在 wordpress 中使用它？

Answer 1

wp_enqueue_style() 接受 media 作为最后一个参数：

wp_enqueue_style(
    'custom-stylesheet',
    get_stylesheet_directory_uri() . '/stylesheets/style.css',
    array(),
    '1.0.0',
    'screen and (min-width: 140px) and (max-width: 380px)'
);

阅读更多in the docs。