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

Чтобы использовать Мультимедийные запросы CSS3, чтобы создать мобильную версию моего веб-сайта, я собираюсь создавать отдельный CSS файл, используемый для маленьких устройств экрана. Если бы я не использую компрессор трубопровода в django, я просто добавил бы следующую линию после своей главной таблицы стилей:

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css" />

Но теперь я использую трубопровод Джанго, чтобы сжать все мои CSS файлы включая jQuery, jquery-ui и мой обычный CSS файл, это похоже как follows:

PIPELINE_CSS = {
'website-css': {
    'source_filenames': (
        'css/website-ui-theme/jquery-ui-1.8.19.custom.css',
        'css/jquery.lightbox-0.5.css',
        'css/shared.css',
    ),
    'output_filename': 'css/website.css',
    'extra_context': {
        'MEDIA_DOMAIN': settings.MEDIA_DOMAIN,
    },
},
}

Таким образом, я задаюсь вопросом, как я могу включать , СМИ = "только показывают и (макс. ширина устройства: 480 пкс)" информация в моем новом small-device-spefic CSS файл в трубопроводе, чтобы сообщить ему это только для небольших устройств.

0
nl ja de

2 ответы

Если ваш , маленький-device.css , маленькое (который это обычно), тогда, действительно не имеет значения, если все устройства получают код или нет. Особенно не, так как трубопровод сожмет его для вас. В этом случае вы просто добавляете маленький-device.css до конца source_filenames и добавляют мультимедийный запрос тому файлу как так:

@media only screen and (max-device-width: 480px) {

    /* All your small-device rules go here... */

}
1
добавлено

Переместите свой мультимедийный запрос самому файлу CSS.

@media only screen and (max-device-width: 480px) {

  //Your CSS rules

}

Трубопровод - просто компрессор. У этого нет логики, чтобы обращаться с вещами как условное включение или СМИ условные теги link.

Это буквально просто берет список файлов и превращает их в один гигантский файл.

1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Django
Django
1 931 участник(ов)

Полезная информация и правила: https://github.com/django-ru/faq Вакансии и резюме: @django_jobs Пофлудить идём сюда: @django_flood Статистика чата: combot.org/chat/-1001063854692

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

django_jobs
django_jobs
916 участник(ов)

Поиск и предложения работы (Django) Правила: https://t.me/django_jobs/4 Вакансии с тегом #job улетают в канал @django_jobs_board Вопросы к @amureki Основной чат @pydjango

Django
Django
733 участник(ов)

Веб-фреймворк для перфекционистов с дедлайнами. Наша группа на vk: https://vk.com/django_framework В Discord: https://discord.me/django_framework по всем вопросам @MechanisM

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

django flood
django flood
71 участник(ов)

Флудилка джангистов Пока без правил

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)