html - 根据屏幕分辨率和屏幕大小调整 CSS

目前为要求在两个不同屏幕上调整界面的客户工作，这些屏幕的分辨率为 2560x1600。

问题是这两个屏幕具有相同的分辨率但屏幕对角线不同。事实上，一个有一个 27 英寸的对角线，另一个是 9 英寸。

所以几乎不可能在 9" 上读取元素，这就是我需要在这个特定屏幕上调整元素的原因。

最初我考虑使用我认为不一样的 DPR（设备像素比）......但事实并非如此。这两个都有 1 个 DRP。

所以我不能使用 CSS 媒体查询规则。

@media (min-width: 2560px) and (-webkit-min-device-pixel-ratio: 2.5) { ... }

有人有想法吗？

谢谢

标签： htmlcss

您可以设置视口来处理此问题。

<meta name="viewport" content="width=device-width, initial-scale=1">

您可以调整各种设置，例如最小、最大比例和设备高度。