媒体查询 - 分辨率越高越高

Question

我的代码出了问题，因为我的分辨率较低的媒体查询超过了。我不知道如何定制它。因为我无法在它们之间切换。较低的分辨率设置始终处于活动状态。

HTML

    <div class="nike">
    <img class="nikelogo" src="img/nike.png">
    <div class="lunarepic">NIKE LUNAREPIC</div>
    <div class="lunarepic2">LOW FLYKNIT 2</div>

<img class="but" src="img/but.png">

这是CSS

https://pastebin.com/V2LiLyT9

Answer 1

您正在关闭低分辨率媒体查询

@media only screen and (min-device-width: 510px) {}

注意结束}。这导致下面的CSS永久有效。

将其更改为此应该可以正常工作：

@media only screen and (min-device-width: 510px) {