【在wp_enqueue_style中为不同的媒体设置多CSS文件】我为每种媒体设计了一个带有唯一的CSS文件的Emplate。我的css文件是:
<
link href="http://www.srcmini.com/<
?php bloginfo('template_url') ?>
/css/minitablet.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 576px) and (max-width: 768px)">
<
link href="http://www.srcmini.com/<
?php bloginfo('template_url') ?>
/css/tablet.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 768px) and (max-width: 992px)">
<
link href="http://www.srcmini.com/<
?php bloginfo('template_url') ?>
/css/windows.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 992px) and (max-width: 1350px)">
<
link href="http://www.srcmini.com/<
?php bloginfo('template_url') ?>
/font/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<
link href="http://www.srcmini.com/<
?php bloginfo('template_url') ?>
/bootstrap-4.3.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<
link href="http://www.srcmini.com/<
?php bloginfo('template_url') ?>
/bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
现在我想对所有这些样式表都使用wp_enqueue_style, 但是我无法设置媒体页面大小, 并且样式表也无法加载到移动设备, 平板电脑上, … 我像这样使用wp_enqueue_style:
wp_enqueue_style( 'mainstyle', get_template_directory_uri() . '/style.css', false, '1.1', 'all');
wp_enqueue_style( 'mainstyle', get_template_directory_uri() . '/css/mobile.css', false, '1.1', 'screen and (min-width: 0px) and (max-width: 576px)');
这是错误的方式吗?我应如何将我的媒体CSS文件包含到WordPress主题中?
#1我刚刚在测试站点上检查了一下, 并且正在工作
wp_enqueue_style('test-css', get_template_directory_uri().'/assets/css/mob.css', array(), false, 'screen and (max-width: 800px)');
尝试添加依赖项和版本的默认值。
推荐阅读
- 设置WordPress主题-发布内容可使屏幕滚动
- WP主题选项中带有容器的单独字段数组(Carbon Fields)
- 使用wp_login()钩子设置Cookie
- 将粘性帖子与主循环分开。 #WordPress
- 在WordPress中发布帖子时向用户发送电子邮件
- 搜索结果与搜索查询一起返回”随机数”
- STM32MP157开发板评测(华清远见FS-MP1A开发板初体验!)
- 一文搞懂字典树
- 原来一条select语句在MySQL是这样执行的《死磕MySQL系列 一》