Подгрузка файлов media queries

[EuRo1985]

Всем привет!

Занимаюсь сейчас одним сайтом, и есть задача под разные разрешения подгружать разный фон к div'у.
Получается таких "адаптированных" фонов порядка 10 штук, что в сумме ~1Мб.

Вопрос, собственно, в том, грузят ли браузеры все, что видят в css, или же подгружают только те файлы, которые прописаны в media queries для данного разрешения?

 

[latteo]

Открываешь консоль разработчика (ctrl+shift+I), вкладка сеть и смотришь...

Будет здорово, если приложишь код - попробую проверить во множестве браузеров.

 

[vytyacom]

Насколько помню все что есть в ксс - грузится сразу при загрузке этого ксс.
Для подобной задачи можно использовать picturefill (Для просмотра ссылки Войди или Зарегистрируйся)
Правда поддержка тега picture пока так себе. Хотя в скрипте пишут, что во многих браузерах решена проблема с отображением.
Browsers like Android 2.3 and Internet Explorer 9 can not see the source elements inside a picture element. For IE, the video tag workaround helps us avoid this problem, but Android will still have no access to source elements. Be sure to provide a srcset attribute on your enclosed img to ensure an image will show in this browser.

 

[EuRo1985]

Насколько помню все что есть в ксс - грузится сразу при загрузке этого ксс.
Для подобной задачи можно использовать picturefill (Для просмотра ссылки Войди или Зарегистрируйся)
Правда поддержка тега picture пока так себе. Хотя в скрипте пишут, что во многих браузерах решена проблема с отображением.
Browsers like Android 2.3 and Internet Explorer 9 can not see the source elements inside a picture element. For IE, the video tag workaround helps us avoid this problem, but Android will still have no access to source elements. Be sure to provide a srcset attribute on your enclosed img to ensure an image will show in this browser.

Тогда уж это проще через js сделать - проверяешь разрешение и подставляешь определенный стиль в зависимости от этого.) Послезавтра буду тестить, как написал latteo. Иначе через js придется делать.

 

[EuRo1985]

к моему удивлению, Chrome подгрузил только тот фон, который задан для нужного разрешения. А при изменении размера экрана он подгружает нужные фоны динамически.