在页面中插入代码样式时，响应式仅处于活动状态

我不明白！请帮我…

我使用Wordpress, 并且拥有：-

<meta name="viewport" content="width=device-width, initial-scale=1"/>

但是当我插入时响应不起作用

<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/responsive.css"/>

或使用函数将其调出, 代码仍然可见, 但响应方式不起作用…

之后, 我尝试使用<style>标记将文件响应文件中的所有代码插入到header.php中, 然后开始工作。

我希望它的工作无需将文件中的代码插入header.php中。请帮助我！谢谢

#1

你应该使用适当的函数来排队脚本和样式表。我在此函数中添加了对引导程序的依赖关系, 以便在引导程序加载其样式表后加载。将此代码放在你的functions.php文件中, 作为示例, 我从CDN中添加了Bootstrap CSS。

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles');

function child_enqueue_styles() {

    wp_enqueue_style( 'bootstrap', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css' );
    wp_enqueue_style( 'responsive', get_template_directory_uri() . '/responsive.css', array('bootstrap') );

}