当屏幕分辨率大于1600像素时，试图让网站缩放120％

我正在一个网站上工作，有人问我是否有人可以放大整个网站，当某人的屏幕宽度为1600像素或更大。当屏幕分辨率大于1600像素时，试图让网站缩放120％

现在我已经尝试了一些与css3和媒体查询，我已经阅读了很多在互联网上，但我似乎无法得到它的工作。

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

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

有人有想法吗？

来源

2015-06-04 McBurgerKong

不要使用它.. 使用媒体查询像你和调整要素单独！ – Jay

@JayMoy这个网站太大了，不能重新设计每个元素，所以这是不可能的。我正在工作的这个项目也已经快10年了。 – McBurgerKong

这会将每个元素缩放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>

来源

2015-06-04 15:46:34 dippas

当屏幕分辨率大于1600像素时，试图让网站缩放120％

回答

相关问题