为高分辨率和高 PPI 屏幕自定义顺风断点

问题描述 投票:0回答:0

我在顺风的网站上工作。在常规的外部 4K 屏幕上,一切看起来都符合设计。但也有一些 4K 屏幕具有高 PPI(例如屏幕较小的 4K 笔记本电脑)。 由于此类设备上的可用空间较小,一切看起来都非常拥挤。

我如何扩展 tailwind 以便有一个简单的媒体查询(如 2xl:),它要求最小屏幕尺寸和最小设备像素比?

我知道 DPR 有 CSS 媒体查询:

@media only screen and (min-device-pixel-ratio: 2) {}

tailwind-css breakpoints
© www.soinside.com 2019 - 2024. All rights reserved.