Загрузка медиа-запроса CSS

Если у меня есть медиа-запрос 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?


css media-queries
person copenndthagen    schedule 20.12.2011    source источник
comment
На какой браузер / устройство вы ориентируетесь? О, и закройте свой тег ссылки.   -  person Dave Hogan    schedule 20.12.2011

Ответы (1)


arrow_upward
0
arrow_downward

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

Вы также можете работать с параметром orentation btw.

person sascha    schedule 20.12.2011
comment
Он применяется правильно .. мой вопрос был в том, почему он загружает их обоих! - person copenndthagen; 20.12.2011
comment
Потому что это нормальное поведение, в котором работает браузер. Даже файл CSS, предназначенный только для печати, будет загружен автоматически, но применяется только тогда, когда пользователь переключается в режим печати. - person sascha; 21.12.2011