EN
bonjovi
bonjovi
15 июля 2017

Добрый день

Разрабатываю адаптивный сайт на флексбоксах на основе project stub

Подскажите, как лучше организовать css с медиа-запросами в структуре project stub?

Допустим у меня такая структура:
http://joxi.ru/eAOY9ZWsxZYgvm

Медиа-условия писать в этом же файле или создать отдельно какой-то другой?

Realetive
#Realetive
15 июля 2017

@bonjovi зависит от того, где эти медиа-запросы нужны. Т. е. есть целая череда разных «если», чтобы понять «как лучше»: медизапросы для чего? Для того, чтобы писать один код для мобильника-планшета-десктопа? Т. е. для телефона с возможным 3G-подключением вы планируете тянуть css для планшетов и десктопов (а может даже и HTML, JS и, о боги, картинки!). Если всё так, то да, медиа-запросы в common — вполне нормальная практика (сам так делаю). Если у вас разные версии кода для каждой платформы, а медиа-запросы нужны для адаптивности, например, разной ширины браузера на десктопе, то такие стили вполне подойдут для соответствующего уровня (desktop.blocks — для разных ширин десктопного окна, touch.blocks — для вертикальной и горизонтальной проекции планшетов и телефонов).