Javascript 使用内容缩放Div以适应视口

我有一个div，里面有元素。所有元素都完全对齐。但我需要将这个div缩放到fir视口。我现在使用css缩放，但它不支持像素，所以我不能输入像素大小

---

我需要它看起来像这样。这是缩放div，但它通过输入css值手动缩放。因此，如何缩放div以适应保留所有元素大小的屏幕。

尝试将此添加到html文档的头部，它应该会有帮助：

---

您试过大众

装置了吗？

您可以为容器（以及文本等其他元素）指定一个宽度，类似于
，您可以使用百分比作为视口的100%父div，其余的百分比为20%，周围有边距。你可以让它对你正在使用的任何视口做出响应，你可以向我们展示你的（最小的）代码——CSS和相关的HTML吗？有很多方法可以实现它。问题仍然是你打算在事后做什么，以及它应该看起来如何。还有你想怎么处理可能的溢出。CSS网格是一种方式，flex Box是另一种方式。这两种方法最适合作为您的解决方案。但是，您还应该提供您已经拥有的所有必要代码。