如何将容器div及其所有内容缩放到特定大小？

Question

我创建了一个100％（浏览器）宽度的HTML页面，其中包含大量内容。内容在页面中是固定的，这些尺寸都是以像素为单位的。百分比。
现在我需要添加20％浏览器宽度的广告面板。并希望缩放页面容器及其所有内容（包括文本到80％）（如所有Web浏览器中的缩放，但它应该是内部缩放）。
很遗憾，我的网页无法响应，我不想重新开发或从头开始调整所有内容的大小。
HTML中是否有可用的缩放工具？

Answer 1

你可以使用css转换属性

     transform: scale(0.1);
     transform-origin: 0% 0% 0px;

查看我制作的缩放功能https://jsfiddle.net/ex1f181o/

Answer 2

我尝试使用纯HTML，CSS和Javascript来实现放大和缩小功能。pnl.Controls.Add(btnSetAmount, 0, 0); pnl.Controls.Add(btnCancel, 1, 0);

https://codepen.io/ghewadesumit/pen/poJEYVG?editors=1111