等比例缩放html5页面,css中如何做到容器按比例缩放

可以使用CSS中的`transform`属性来实现容器按比例缩放。具体操作如下：

1. 首先给容器设置一个固定的宽度，例如：

.container {
  width: 600px;
}

2. 然后使用`transform`属性来进行缩放，例如：

.container {
  transform: scale(0.5);
  transform-origin: top left;
}

其中，`scale(0.5)`表示将容器按照原来的一半进行缩放，`transform-origin`用于设置缩放的起始点，这里设置为左上角。

这样就可以实现容器按比例缩放了。需要注意的是，由于缩放会改变容器的尺寸，因此可能需要对内部元素进行适当的调整，才能保证整个页面的布局不会出现问题。