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

【在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我刚刚在测试站点上检查了一下, 并且正在工作