Question

我有一个关于线性扩展网站的问题。我想要网站或更具体的DIV，其中一些元素集中在按比例缩小......

HTML是：

<div id="header">Some Content with naviagtion</div>
<div id="slider">This Div should be scaled down...
   <img src="some images that are centered in the content Div"
</div>

所以我尝试了这个CSS：

@media screen and (max-width:1919px) {
    #slider{position:fixed;top:0px !important;bottom:0px !important;transform: scale(.75);-webkit-transform: scale(.75);-moz-transform: scale(.75);-ms-transform: scale(.75);-o-transform: scale(.75);width: 200% !important;height: 200% !important;margin-top:-30% !important;margin-left:-50% !important; }
}

有效，但我必须为所有不同的分辨率设置手动边距......

所以我想缩小它适合屏幕的整个#slider div，以便顶部，左侧，右侧和底部都是0 ...并且div缩小所以所有内容都可以查看屏幕......（有些图像是全高清...）

有没有办法自动生成？也许用jQuery？

祝你好运戴夫

缩放网站线性和中心元素

0 个答案: