我正在尝试在iMac 5k显示器(5120×2880)上显示基于八列网格的Flexbox,但是我无法理解我仅使用5K分辨率的媒体查询!

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* Retina-specific stuff here */
}


我还希望只有5K分辨率会产生影响,而且在4k显示分辨率中它的显示效果与我预期的一样

最佳答案

忽略任何填充,滚动条等,并假设这仅用于全屏显示,您将要使用@media (min-width: 5120px)。您可以使用and将其与您提供给目标设备的查询(例如,高DPI)结合起来。

可以(可能应该)降低5120px值,该值介于4k和5k显示的截止之间。这将允许用户略微缩小浏览器,包括滚动条等。

10-08 16:48