Отзывчивый размер текста в таблицах

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 размера.