Я нахожу понятие медиа-запроса (min-width/max-width) немного запутанным.
Естественно, если бы я должен был спроектировать медиа-запрос, я хотел бы сказать (в псевдокоде)....
if(screen.width < 420)
{
ApplyStyle();
}
Эта концепция разговоров о min и max не имеет никакого смысла, так как "минимальная ширина" чего-то типа элемента div - это не вопрос.
Я знаю, что следующее верно, когда мой экран идет ниже 420 пикселей...
@media screen and (max-width:420px) {
}
Я просто не знаю, почему, потому что максимальная ширина - это то, что я говорю ей. Если бы я сказал, что у меня есть что-то, почему css проверяет это? Конечно, это уже известно.
Возможно, мне не хватает грамматика/контекста. Может кто-нибудь объяснить?