css - 两个@media 变量，问题

Question

我的 css 中有两个 @media 变量，这会导致问题。

一是宽度较小@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){
}