Responsive design 1920x1080至2560x1600以上屏幕（包括视网膜显示器）的媒体查询

我对其他分辨率使用了媒体查询，如下：@media（最大宽度：767px）和（最小宽度：0px）{…}@media（最大宽度：1366px）和（最小宽度：768px）{…}@media（最大宽度：1024px）和（最小宽度：768px）{…}

因为客户希望对这些解决方案有具体的了解。但现在在更高的分辨率上，该网站正在扭曲，我需要正确的查询，即“任何超过1920x1080的屏幕分辨率，包括视网膜显示，都应该具有这种外观”。否则，我觉得我将不得不为1920x1080以上的特定著名分辨率编写查询。

/（1920x1080）全高清显示

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

---

只需使用百分比编码。你不需要说“高于此”，通常你编码最大尺寸，然后使用媒体查询缩小尺寸。顺便说一句，对于视网膜显示，您应该使用媒体查询的纵横比intead，如下所述：是的，我同意使用百分比，但这并不能使对齐和字体大小精确到客户在illustrator文件中为不同分辨率提供的准确度。（我告诉客户，插图不能准确转换为网站，但他们还没有准备好接受）。我之前确实浏览过上面的链接，选择了以下查询：'code'@media（最小宽度：1921px）和（最大宽度：2560px），（最小分辨率：2dppx）{…}“代码”，但我不太确定它在1920x1080以上的所有分辨率（包括视网膜）上如何工作。我假设你没有合适的屏幕来测试它，对吗？我的意思是，分辨率高于1920的屏幕我有13.3英寸2560x1600视网膜显示器的mac屏幕。我正在考虑将其用作这两个屏幕之间所有屏幕的阈值1920和2560。只是想从所有的编码同事那里得到关于1920和2560之间的屏幕（包括视网膜显示器）应该使用什么媒体查询的信息。那么这个好的“@media（最小宽度：1921px）和（最大宽度：2560px），（最小分辨率：2dppx）{…}”我应该使用@media（最小宽度：1920px）不指定最大值。另外，使用1920而不是1921你能为你的答案提供更多的上下文吗？这不是一个完整的句子，没有有效的CSS代码，…我现在改变了@Nicohaase，这看起来仍然不好：它如何解决“网站扭曲”的问题超过1920px的宽度？为什么需要第二部分将宽度限制在2560px的最大值？请记住，其他人应该能够从您的答案中学习，因此他们绝对需要一些解释来了解为什么需要哪些部分