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