html - CSS:在 4k 屏幕上显示页面与在 FHD 上相同

Question

是否有任何技巧可以使网站以与在 FHD 屏幕上相同的方式呈现，从而模拟它具有 1080 像素？

我尝试使用视口(viewport)元标记，但没有成功。

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

Answer 1

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

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