CSS 全局缩小网页比例不变技巧

您可以使用 CSS 的缩放属性来实现全局缩小比例不变的效果。具体步骤如下：

1. 在 HTML 文档的 head 标签中添加以下代码：

<meta name='viewport' content='width=device-width, initial-scale=1.0'>

该代码会设置浏览器窗口的宽度为设备宽度，并将初始缩放值设置为 1.0。

2. 在 CSS 文件中添加以下代码：

body {
  transform: scale(0.8);
  transform-origin: top left;
}

该代码会将整个网页缩小为原来的 80%，同时保持比例不变。您可以根据需要调整缩放比例。

3. 如果需要还原网页大小，可以在 CSS 中添加以下代码：

body {
  transform: scale(1);
}

该代码会将网页恢复到原来的大小。

注意：使用缩放属性会影响网页的布局和字体大小，因此可能需要对网页进行调整。同时，该方法也可能会影响网页的响应式设计，请谨慎使用。