html - 如何缩放元素以适应其父级？

Question

我想知道是否可以缩放元素（不是图像）以适合div其父级。transform: scale();并且transform-origin: n n n;对我想做的事情很有用，但是，我似乎无法调整比例以适应容器（尝试使用百分比值），因此元素将始终处于固定大小。

元素本身就是一个<table>里面有各种元素的元素。我想缩放一切以适应父<div>宽度。这是由我无权访问的外部脚本生成的，因此在页面完全加载之前我无法访问该元素。

我尝试使用transform: scale();，transform-origin: n n n;但这允许我缩放到一个固定值，并且生成的元素将在较小的屏幕分辨率上被截断。

我将不胜感激任何解决方案或替代方案。

标签： htmlcssscale