CSS：在 4k 屏幕上显示页面与 FHD 相同

Question

有没有什么技巧可以让网站以与 FHD 屏幕相同的方式呈现，从而模拟它具有 1080 像素？

我用视口元标记尝试过，但没有成功。

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

Answer 1

只要检测屏幕是否为 4k，例如>= 3000px 然后将缩放属性设置为 200%

@media only screen and (min-width: 3000px) {
  html {
    zoom: 200%
  }
}