responsive-design - 1920x1080 到 2560x1600 以上屏幕的媒体查询，包括视网膜显示器

Question

我对其他分辨率使用了媒体查询，如下所示:@media (max-width: 767px) and (min-width: 0px) {...} @media (max-width: 1366px) and (min -width: 768px) {...} @media (max-width: 1024px) and (min-width: 768px) {...}

由于客户希望具体查看这些决议。但现在在更高的分辨率下，网站正在失真，我需要正确的查询，上面写着“任何高于 1920x1080 的屏幕分辨率，包括视网膜显示器都应该有这种外观”。否则我觉得我将不得不针对 1920x1080 以上的特定著名分辨率编写查询。

Answer 1

//(1920x1080) 全高清显示

@media (min-width: 1920px) and (max-width: 2560px)  {
    //insert styles here...
}