Как делать адаптивный сайт?

Question

[narem]

Суть в чем. Я для 2 бекграундов пишу разные позиции через media screen
Условно на разрешении 1600 он должен быть на одной позиции, на 1701 другой
т.е я пишу
media screen and (min-width:1600px) и media screen and (min-width:1400px) and (max-height:1600px).
Но почему-то на размере больше 1600 он все равно использует бг который для разрешения до 1600 предназначен.
Т.е все как бы видно и работает, просто то что media screen and (min-width:1600px) тут перечеркивается если смотреть в панели и выводится в приоритете от сюда media screen and (min-width:1400px) and (max-height:1600px). Как быть?

Answer 1

[kreoTech]

"and (max-height:1600px)"
Во втором случае точно вы хотели для высоты сделать отсечку?

Вероятно тут должно быть - and (max-width: 1600px)