媒体查询1440px宽度，但不查询笔记本电脑的屏幕？

问题描述

我正在尝试进行媒体查询，以仅将大屏幕显示器的机身固定在1440px上，为此，我有以下代码：

@media (min-width:1440px) { 
     body {
       max-width:1440px
     }
}

此媒体查询工作正常，但我只需要针对特定​​尺寸的屏幕（例如23英寸）将其限制为。我不想失去笔记本电脑屏幕上的宽度。

我尝试使用max-resolution进行此操作，但似乎无济于事。

那么，我可以创建仅适用于特定屏幕物理尺寸的媒体查询吗？

谢谢！

解决方法

有趣的要求！您可以尝试在媒体查询中使用“分辨率”。

如果采用建议的23英寸且宽度为1440 px，则大约为62 dpi（每英寸点数）。

如果您具有更高的dpi，但最小宽度仍为1440px，则应该在23英寸以下的较小屏幕上。

尝试一下，如果它像预期的那样工作，我会很好奇。

@media (min-width:1440px) and (max-resolution: 62dpi) { 
    body {
        max-width:1440px
    }
}