我不明白!请帮我…
【在页面中插入代码样式时,响应式仅处于活动状态】我使用Wordpress, 并且拥有:-
<
meta name="viewport" content="width=device-width, initial-scale=1"/>
但是当我插入时响应不起作用
<
link rel="stylesheet" href="http://www.srcmini.com/<
?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') );
}
推荐阅读
- 调整WordPress标头中的图标大小
- 调整标题图片仅适用于手机吗()
- 使用URL调整WordPress中图像的大小
- 从WordPress中删除列的填充
- WordPress主题中的重置/刷新搜索表单按钮
- 在WordPress管理员中替换user-edit.php页面
- 在免费的wordpress主题中对section进行重新排序
- 在macOS的Safari上删除正文行右侧的不需要的白色填充
- 当容器= false时删除WordPress包装器Div失败