Две переменные @media, проблема

Question

У меня есть две переменные @media в моем CSS, что вызывает проблемы.

Один с меньшей шириной @media only screen and (min-width: 1290px), А второй с большей шириной @media only screen and (min-width: 1610px), что позволяет мне отображать больше контента.

Теперь, когда у меня полноэкранное окно браузера и разрешение монитора 1680 x 1050 пикселей, я все еще не могу получить @media only screen and (min-width: 1610px) появляться.

Я что-то пропустил?

Благодарю.

Answer 1

Попробуйте установить максимальную ширину и для вашего первого условия, так как в настоящее время обе ваши "минимальные ширины" будут достигнуты, когда разрешение> 1610 пикселей.

@media only screen and (max-width: 1609px) and (min-width: 1290px){
}