表格中的文字大小

Question

有人可以让我知道哪个元素控制表格中的文本大小吗？

我正在尝试使引导程序3（table.borderless）驱动的表响应。这样一来，随着屏幕的缩小，表格中的文本就会缩小。

我设法使它与HTML的普通元素一起使用，但是由于某种原因，它不能“缩小”表文本。...

我在其中有<meta name="viewport" content="width=device-width, initial-scale=1">行。

Answer 1

已添加

@media (max-width: 576px) {
    html { font-size: 0.7rem; }
    th { font-size: 1rem; }
}
@media (min-width: 768px) {
    html { font-size: 0.8rem; }
    th { font-size: 1rem; }

}
@media (min-width: 992px) {
    html { font-size: 0.8rem; }
    th { font-size: 1rem; }
}
@media (min-width: 1200px) {
    html { font-size: 0.8rem; }
    th { font-size: 1rem; }
}

然后，只要将其他许多样式设置为rem大小，显然这就能使整个响应变得灵敏。