В чем разница между max-width и min-width?
И обязательно ли при адаптивной верстке указывать screen
Ответы (1 шт):
Автор решения: Rikky
→ Ссылка
Капитан Очевидность здесь!
max-width это максимальная (верхний предел) ширина;
min-width это минимальная (нижний предел) ширина;
Если речь идёт о адаптивной вёрстке CSS, эти параметры используется в условиях CSS media queries. Пример: тут стили будут применяться если ширина экрана не больше 600 пикселей
@media screen and (max-width: 600px) { /* CSS-стили */; }
А вот здесь если ширина экрана меньше 600 пикселей, свойства НЕ будут применяться. А если шире - то будут..
@media screen and (min-width: 600px) { /* CSS-стили */; }
Такие дела.