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

Question

是否有任何技巧可以像FHD屏幕一样以相同的方式呈现网站，以便模拟它具有1080px？

我尝试使用视口元标记，但它没有用完。

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

Answer 1

只需检测屏幕是否为4k，例如> = 3000px，然后将zoom属性设置为200％

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