html - 当屏幕分辨率大于 1600px 时，试图让网站缩放 120%

Question

我在一个网站上工作，有人问我是否可以在屏幕宽度为 1600 像素或更大时缩放整个网站。

现在我尝试了一些 css3 和媒体查询，并且我在互联网上阅读了很多，但我似乎无法让它工作。

这是我在 CSS 中创建的媒体查询。

@media screen and (min-width:1600px) {
* {
    zoom: 500%;
}

有人知道吗？

Answer 1

试试这个:

@media screen and (min-width: 1600px) {
  body {
    /* webkit browsers */
    zoom: 120%;
    /* moz browsers , since there is no support to "zoom" */
    -moz-transform: scale(1.2);
    -moz-transform-origin: 0 0
  }
}

这是一个片段:

@media screen and (min-width: 1600px) {
  body {
    /* webkit browsers */
    zoom: 120%;
    /* moz browsers , since there is no support to "zoom" */
    -moz-transform: scale(1.2);
    -moz-transform-origin: 0 0
  }
}

<div>this is going to be BIG when width is minimum 1600px</div>