个性化阅读
专注于IT技术分析

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

我不明白!请帮我…

我使用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') );

}
赞(0) 打赏
未经允许不得转载:srcmini » 在页面中插入代码样式时,响应式仅处于活动状态
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏