Устраняет ли несемантическая структура необходимость в медиа-запросах?
Не семантическая фреймворк css привязывает веб-макеты к мобильному и настольному режимам в зависимости от размера области просмотра. Вы также можете значительно изменить то, что появляется на настольном компьютере или мобильном устройстве, используя классы "показать на рабочем столе" и "показать на мобильном", которые делают именно то, что говорят.
Значит ли это, что я могу попрощаться с медиа-запросами?
1 ответ
Короче да.
В действительности, Unsemantic абстрагирует использование запросов @media одним из двух способов:
Предоставление адаптивных версий CSS (unsemantic-grid-responseive.css или unsemantic-grid-responseive-tablet.css), которые создают эти запросы @media для вас в соответствии с предопределенными точками останова.
Загрузка отдельного CSS-файла без запросов @media после определения размера области просмотра при загрузке с помощью Adapt.js; затем, при необходимости, загрузите дополнительные CSS-файлы в соответствии с настраиваемыми точками останова при изменении размера области просмотра.
Источник: http://unsemantic.com/css-documentation