如何完美缩放整个网页，使其与所有浏览器兼容？

Question

我有一个网站需要永久放大约。 125％。

我想：

body{ 
    zoom: 125%; 
} 

也试过：

body{ 
    zoom: 125%; 
    -moz-transform: scale(1.25); 
    -moz-transform-origin: left top; 
} 

要与Mozilla Firefox浏览器兼容。

它放大。还可以！但是网页向右移动，即它没有完美缩放。请帮助我如何解决这个问题？

Answer 1

身体使用

body{ 
-webkit-transition: opacity 1s ease; 
-webkit-transform: scale(1.25); 
-moz-transform: scale(1.25); 
transform: scale(1.25); 
zoom: 125%; 
} 

和制造中心的所有内容使用任何这样的容器（使用最大宽度根据您的需要）

.container { 
max-width: 1160px; 
margin: 0 auto; 
}