Предположим, мы хотим построить сайт с 4 различными размерами. Какая будет стандартная процедура? Запуск проектирования одного размера и изменение других 3 атрибутов css с помощью медиа-запросов или отсутствие значения в этих атрибутах в основном размере для создания 4 медиа-запросов с этими атрибутами эксклюзивов? Спасибо!Медиа-запросы. Какой будет стандарт?
Нынешняя «лучшая практика» заключается в том, чтобы сделать мобильную (легковесную) версию стандартным CSS без медиа-запросов и добавить прогрессивный кучер, более удобный для ПК CSS с использованием мультимедийных запросов. Это называется mobile-first responsive design.
Мысль здесь состоит в том, чтобы заставить мобильные процессоры младшего класса делать как можно меньше работы, чтобы глотать их CSS, и позволить большим рабочим столам беспокоиться о сложной иерархии правил и тяжелых изображениях, которые поставляются с большими размерами. Но это просто правило большого пальца, оно будет работать, даже если вы сделаете это наоборот.
После прочтения вопроса несколько раз, я думаю, что получаю суть вопроса. Либо:
A) Начните с одного стиля «размера экрана» и измените его для 3 других версий (которые я обычно называл бы основными точками прерывания).
или
B) Держите каждый стиль для каждого экрана в его собственном запросе средств массовой информации, и не имеет никакого стиля «по умолчанию».
Вы должны пойти с опцией A, начинаете ли вы с мобильных устройств и работаете с большими экранами или наоборот. Если вы сохраняете весь свой стиль в медиа-запросах, вы теряете совместимость для старых браузеров (которые не поддерживают запросы к мультимедиа) неактуально. У вас также должны быть общие стили, которые не будут меняться на основе медиа-запросов.
Это был немного запутанный вопрос, но вы получили то, что я хотел сказать. Благодаря! – bullC
Можете ли вы показать базовое сравнение того, что вы имеете в виду? Что вы считаете «основным размером»? Существуют две всеобъемлющие методологии: сначала рабочий или мобильный. Ваше направление зависит от нескольких факторов. –
Если вы просите мнения, этот вопрос не в тему. Мы задаем только те вопросы, которые имеют исключительный правильный ответ, никаких вопросов, которые вызывают обсуждения, и (в худшем случае, не говоря о том, что это произойдет здесь) пламенные войны. –
Это говорит о том, что обычный подход заключается в том, чтобы начать с правил css для СМИ, а затем следить за медиа-запросами для других размеров экрана. И довольно стандартно либо использовать по умолчанию узкий экран, а затем работать до широких экранов (сначала мобильных) или наоборот (рабочий стол сначала). –