当屏幕分辨率大于 1600px 时,试图让网站缩放 120%
Trying to get a website to zoom 120% when screen resolution is greater than 1600px
我正在做一个网站,有人问我是否可以在屏幕宽度为 1600 像素或更大时缩放整个网站。
现在我尝试了一些 css3 和媒体查询,并且我在互联网上阅读了很多,但我似乎无法让它工作。
这是我在 CSS 中创建的媒体查询。
@media screen and (min-width:1600px) {
* {
zoom: 500%;
}
有人知道吗?
试试这个:
@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>
我正在做一个网站,有人问我是否可以在屏幕宽度为 1600 像素或更大时缩放整个网站。
现在我尝试了一些 css3 和媒体查询,并且我在互联网上阅读了很多,但我似乎无法让它工作。
这是我在 CSS 中创建的媒体查询。
@media screen and (min-width:1600px) {
* {
zoom: 500%;
}
有人知道吗?
试试这个:
@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>