От новичка до гуру: Курсы программирования на CyberDuff

Можно ли иметь несколько медиазапросов для каждого раздела страницы?

Я узнал о медиа-запросах и понял, что должны быть основные точки останова для кардинальных изменений макета и второстепенные точки останова для таких вещей, как отступы и размер шрифта.
но нормально ли это? объявить несколько медиазапросов для каждого раздела страницы?
например: три для навигации и три для каждого раздела основного контента
Я думаю, что это было бы лучше, чем менять весь макет на 4 или 5 медиа-запросов.


  • Лучше оставить небольшое количество запросов для облегчения обслуживания кода. Представьте, что вы новый разработчик в проекте, и вам нужно поддерживать и понимать все эти различные медиа-запросы. Нелегко. 10.11.2017
  • Я не уверен, что согласен с этим, вы могли бы сказать то же самое обо всем - не используйте так много стилей, не используйте так много JavaScript, не используйте так много HTML, все это увеличивает общую сложность проекта. По правде говоря, у нас есть инструменты, помогающие смягчить все эти вещи (SCSS, компоненты JavaScript + сборщики, HTML-шаблоны и т. д.). Если необходим медиа-запрос, используйте его и найдите другие способы сделать ваш код более понятным/сопровождаемым. 10.11.2017
  • Конечно, если это необходимо, используйте его. Но я думаю, что вы всегда должны думать о способах их минимизации, например, создавая код для мобильных устройств, используя flexbox и настраивая процентное соотношение стилей. 10.11.2017

Ответы:


1

На мой взгляд, на каждом сайте по разному. Если это работает на вашем сайте и не слишком сложно, то почему бы и нет? Не существует «правил», применимых к каждому сайту. Некоторым людям не нравится его использовать, поэтому они этого не делают. И некоторым это нравится, поэтому они используют его.

10.11.2017

2

почему бы и нет, я делаю иногда.. например.

@media (max-width: 600px){
    body {
        background: green;
    }
}
@media (max-width: 500px){
    body {
        background: red;
    }
}
@media (max-width: 400px){
    body {
        background: blue;
    }
}

ДЕМО

10.11.2017
Новые материалы

5 простых концепций Python, ставших сложными
#заранее извините 1) Переменные x = 4 y = 5 Переменная в Python — это символическое представление объекта. После присвоения некоторого объекта переменной Python мы приобретаем..

«Освоение вероятности: изучение совместной, предельной, условной вероятности и теоремы Байеса —…
Виды вероятности: Совместная вероятность Предельная вероятность Условная вероятность Диаграмма Венна в вероятностях: В “Set Theory” мы создаем диаграмму Венна...

Основы Spring: Bean-компоненты, контейнер и внедрение зависимостей
Как лего может помочь нашему пониманию Когда мы начинаем использовать Spring, нам бросают много терминов, и может быть трудно понять, что они все означают. Итак, мы разберем основы и будем..

Отслеживание состояния с течением времени с дифференцированием снимков
Время от времени что-то происходит и революционизирует часть моего рабочего процесса разработки. Что-то более забавное вместо типичного утомительного и утомительного процесса разработки. В..

Я предполагаю, что вы имеете в виду методы обработки категориальных данных.
Я предполагаю, что вы имеете в виду методы обработки категориальных данных. Пожалуйста, проверьте мой пост Инструментарий специалиста по данным для кодирования категориальных переменных в..

Игра в прятки с данными
Игра в прятки с данными Я хотел бы, чтобы вы сделали мне одолжение и ответили на следующие вопросы. Гуглить можно в любое время, здесь никто не забивается. Сколько регионов в Гане? А как..

«Раскрытие математических рассуждений с помощью Microsoft MathPrompter и моделей больших языков»
TL;DR: MathPrompter от Microsoft показывает, как использовать математические рассуждения с большими языковыми моделями; 4-этапный процесс для улучшения доверия и рассуждений в математических..