Html Macbook Pro视网膜的媒体查询

可以为13英寸和15英寸Macbook Pro视网膜编写不同的媒体查询吗。我一直在尝试各种各样的问题，但似乎都没有找到合适的答案。我对开发非常陌生，因此如果有人能为我提供两个媒体查询，将对每个屏幕独立工作，我将不胜感激。

媒体查询是可以应用于CSS的过滤器。它们使得根据设备高度、宽度方向和分辨率更改样式变得很容易

您可以使用以下媒体查询：

(max-width: 640px)
(min-width: 641px) and (max-width: 800px)
(min-width: 801px) and (max-width: 1024px)
(min-width: 1025px)

---

最后一种将适用于1025px以上的所有分辨率，例如。

一般来说，最好创建一种桌面样式，适用于一定大小以上的所有显示器。尝试指定一个通用屏幕大小范围，而不是针对特定设备。您仍然可以单独瞄准视网膜设备，为其提供更高分辨率的图像

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}

---

你想实现什么目标？适应屏幕大小的动态gui或网页通常可以达到我的目的。很抱歉，我尝试了多个查询，但似乎没有得到我尝试为视网膜显示编写的样式。我的风格对所有屏幕都有全局影响，这对我来说是个问题。无论如何，谢谢你的时间和努力。