Html таблица стилей загрузки медиа-запросов для настольных ПК, когда это для мобильных устройств

Question

У меня проблема с моими таблицами стилей. Один для настольных компьютеров, другой для мобильных устройств. Когда я нахожусь на мобильном телефоне, я вижу, что таблица стилей загружена на вкладке сети.

Вот код:

Рабочий стол:

<link rel="stylesheet" href="app__desktop.css" type="text/css" media="screen and (min-width: 1024px)">

Мобильный:

<link rel="stylesheet" href="app__mobile.css" type="text/css" media="all">

Есть идеи?

Answer 1

Для несоответствующих таблиц стилей медиа-запросов браузеры применяют самый низкий приоритет загрузки.

Это происходит потому, что пользователи могут изменять размер windows, печатать документ или даже переключать разрешение (если у них настроено несколько экранов), и для этого у них должны быть разные таблицы стилей, даже если медиа-запросы не совпадают.