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

Question

我有一个网站，需要永久缩放大约。 125%。

我试过:

body{
  zoom: 125%;
}

还试过:

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

与 Mozilla Firefox 兼容。

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

Answer 1

body 用

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