Html 按比例调整表格大小以适应div

我的问题很简单，我怀疑答案是不可能的，因为我找不到任何例子

我有一个用css和HTML构建的表。我想按比例重新调整它的大小，就好像它是一个图像，这样它就可以放在一个DIV中。我知道你们知道一个表是什么样子的，但似乎我必须提交一些代码来提交这个问题，所以我在下面添加了它

<table>
    <tr>
       <td></td>
    </tr>
</table>

---

假设不可能，是否可以将表格转换为图像，然后我可以重新调整图像的大小？

您可以将表格的宽度设置为包含div的100%，然后将的设置为表格的百分比

例如：

测试1
测试2
.集装箱{
宽度：25%；
背景色：红色；
}
桌子{
宽度：80%；
保证金：0自动；
背景颜色：蓝色；
}
运输署{
宽度：50%；
颜色：白色；
}

.container{
宽度：100%；
背景颜色：蓝色；
}
桌子{
宽度：80%；
保证金：0自动；
背景色：红色；
}
运输署{
宽度：50%；
颜色：白色；
填充：1rem；
背景颜色：绿色；
}
th{
颜色：黑色；
}

第一列
第二栏
表Data1第1行
表Data2第1行
表Data1第2行
表Data2第2行

您是否尝试过使用JS或jQuery？只需将其宽度设置为100%？

<div class="container">
  <table>
      <tr>
         <td>Test 1</td>
         <td>Test 2</td>
      </tr>
  </table>
</div>


.container {
  width: 25%;
  background-color: red;
}
table {
  width: 80%;
  margin: 0 auto;
  background-color: blue;
}
td {
  width: 50%;
  color: white;
}