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

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%;
}

制作中心所有内容都使用这样的容器（根据需要使用max-width）

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