如何使用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
总是会比较慢: