Php 如何将第二个style.css文件排入队列以进行响应性设计?

Php 如何将第二个style.css文件排入队列以进行响应性设计?,php,css,wordpress,media-queries,Php,Css,Wordpress,Media Queries,我需要在我的主题函数文件中加入另一个.css文件,仅用于响应性设计,我只是不想在一个文件中合并样式。 我的代码是这样的: function mustabox_resources() { wp_enqueue_style('style', get_stylesheet_uri()); wp_enqueue_script( 'mustascript', get_stylesheet_directory_uri() . '/mustascri

我需要在我的主题函数文件中加入另一个.css文件,仅用于响应性设计,我只是不想在一个文件中合并样式。 我的代码是这样的:

function mustabox_resources() {

      wp_enqueue_style('style', get_stylesheet_uri());

      wp_enqueue_script(
        'mustascript',
        get_stylesheet_directory_uri() . '/mustascript.js',
        array( 'jquery' )
    );


      wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=El+Messiri:400,600&subset=arabic', false );

      if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}

add_action('wp_enqueue_scripts', 'mustabox_resources');
因此,我想在我的另一个css文件中添加另一个wp_enqueue_样式,即: 具有流动细节的responsive.css:

@media only screen and (max-width: 800px)
详情见:


无论如何,我不建议你这样分开。我希望它能帮助你。

而你真正的问题是什么…?如何指定应用样式表的媒体,在wp_enqueue_样式的文档中描述得非常清楚…我尝试了文档中所说的内容,但没有起作用,因为它没有提供足够的关于“屏幕”的信息。。。媒体…谢谢你的回复,但你为什么不推荐这种分开的方式呢?我试过了,但没用我不知道你为什么要把样式放在两个文件中,但我不建议你这样做,因为没有必要为此加载两个文件。尽管应用了媒体查询,但文件仍在加载,这可能会使网站速度变慢,并且考虑到您正在WordPress中开发项目,由于插件等原因,加载了大量内容。关于它不适用于您的事实,我需要更多信息来帮助您,因为代码应该可以工作…明白,非常感谢。。。我又像你说的那样把它做成了一个文件
function mustabox_resources() {

    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_style('responsive-style', get_template_directory_uri() . '/responsive-style.css', array(), '1.000', 'max-width: 800px');

    wp_enqueue_script(
        'mustascript',
        get_stylesheet_directory_uri() . '/mustascript.js',
        array( 'jquery' )
    );


    wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=El+Messiri:400,600&subset=arabic', false );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' )) {
        wp_enqueue_script( 'comment-reply' );
    }
}

add_action('wp_enqueue_scripts', 'mustabox_resources');