c# - 在 jQuery/javascript 中调整元素大小

Question

如何重新调整 html 表中包含的所有元素的大小？该表是三行三列，每列都是 %33%。如果窗口按高度或宽度重新调整大小，我希望内部元素重新调整大小以填充单元格。目前，如果我重新调整大小，则单元格会拉伸，但如果我缩小窗口，则不会缩小。

Answer 1

这个想法是使用元素相对于单元格的大小百分比。
例如：
- 你有一个高度为 20 像素、宽度为 50 像素的单元格。它里面包含 12px 的文本。
- 文本大小 = 单元格高度的 60%。
- 所以如果单元格的大小调整为 40px 高度，那么您的字体将为 24px。
- 如果字体大小为 12px，则大约为单元格的宽度，这意味着每个字符将具有 12px 宽度（使用等宽字体）。您可以根据单元格包含的字符数设置单元格的宽度。

如果你想让它完美契合，你有很多事情要考虑。

Answer 2

尝试以 % 的形式给出表格内元素的宽度和高度，或者尝试将它们的值“继承”。