如何在WordPress中使用wp_enqueue_style（）的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"/>

此时，我需要在我的＆lt; 链接＆gt;上使用媒体属性。标签

如何在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。