在wp_enqueue_style中为不同的媒体设置多CSS文件

我为每种媒体设计了一个带有唯一的CSS文件的Emplate。我的css文件是：

<link href="<?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="<?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="<?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="<?php bloginfo('template_url') ?>/font/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url') ?>/bootstrap-4.3.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="<?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)');

尝试添加依赖项和版本的默认值。