Загрузка CSS Media Query

Question

Если у меня медиа-запрос CSS следующим образом

<link rel="stylesheet" media="only screen and (max-width:1024px)" href="css/ipad.css">
<link rel="stylesheet" media="only screen and (min-width:1024px)" href="css/desktop.css">

Я вижу, что он загружает как CSS desktop.css, так и ipad.css

Это так, даже если я изменяюот min / max-width до min / max-device-width

Почему это так И как я могу гарантировать, что загружается только соответствующий CSS?

Answer 1

Я говорю, это нормально, что браузер загружает оба файла. Но следует применять только один стиль. Что происходит с вами, применяются оба стиля или только один?

Кстати, вы также можете работать с параметром orentation.