如何使用HTML<;链接>;Wordpress中具有wp_enqueue_style()的媒体属性?

如何使用HTML<;链接>;Wordpress中具有wp_enqueue_style()的媒体属性?,html,css,wordpress,media-queries,Html,Css,Wordpress,Media Queries,我正在使用wp\u enqueue\u style()将样式表加载到我的wordpress主题中,如下所示: wp_enqueue_style( 'custom-stylesheet', get_stylesheet_directory_uri() . '/stylesheets/style.css', array(), '1.0.0' ); 我的目标是为每个分辨率或媒体查询使用一个样式表文件。 因此,我找到了以下解决方案: <link rel="s


我正在使用wp\u enqueue\u 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"/>


此时,我需要在我的标签上使用media属性

如何在wordpress中使用它?

wp\u enqueue\u style()
接受
媒体
作为最终参数:

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)'
);
阅读更多信息。

wp\u enqueue\u 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)'
);

阅读更多信息。

谢谢!我发现了一个类似的解决方案,但在sass中,只有
@import url(“style.scss”)屏幕和(最小宽度:320px)。这两种选择之间有性能差异吗?是的,执行
@import
总是会比较慢:谢谢!我发现了一个类似的解决方案,但在sass中,只有
@import url(“style.scss”)屏幕和(最小宽度:320px)。这两个备选方案之间是否存在性能差异?是的,执行
@import
总是会比较慢: