Настройка multi css файла для разных носителей в wp_enqueue_style

Question

Я разработал emplate с уникальным CSS-файлом для каждого носителя. мои 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?

Answer 1

Я только что проверил это на тестовом сайте и работает

 wp_enqueue_style('test-css',get_template_directory_uri().'/assets/css/mob.css',array(),false,'screen and (max-width: 800px)');

Попробуйте добавить значения по умолчанию для зависимости и версии.