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

Тема в разделе "Верстка", создана пользователем EuRo1985, 10 июл 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. EuRo1985

    EuRo1985 Постоялец

    Регистр.:
    21 апр 2015
    Сообщения:
    99
    Симпатии:
    6
    Всем привет!

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

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

    latteo Эффективное использование PHP, MySQL

    Moderator
    Регистр.:
    28 фев 2008
    Сообщения:
    1.450
    Симпатии:
    1.244
    Открываешь консоль разработчика (ctrl+shift+I), вкладка сеть и смотришь...

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

    vytyacom Постоялец

    Регистр.:
    19 ноя 2014
    Сообщения:
    136
    Симпатии:
    54
    Насколько помню все что есть в ксс - грузится сразу при загрузке этого ксс.
    Для подобной задачи можно использовать picturefill (http://scottjehl.github.io/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.
     
  4. EuRo1985

    EuRo1985 Постоялец

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

    EuRo1985 Постоялец

    Регистр.:
    21 апр 2015
    Сообщения:
    99
    Симпатии:
    6
    к моему удивлению, Chrome подгрузил только тот фон, который задан для нужного разрешения. А при изменении размера экрана он подгружает нужные фоны динамически.
     
Статус темы:
Закрыта.