Содержимое таблицы не изменяется на мобильном телефоне

Question

Я работаю над тем, чтобы сделать мой сайт отзывчивым, используя метод, аналогичный stackLayout. Эта страница хорошо работает на рабочем столе и настраивается соответствующим образом с различной шириной; однако на мобильном телефоне весь текст, содержащийся в таблицах, не изменяется и выглядит значительно меньше, чем весь другой текст. Единственное объявление стиля, непосредственно примененное к таблице, - width: 100%, и даже с прямыми объявлениями размера шрифта текст не отвечает. Этот вопрос преобладает независимо от того, какой размер/тип единицы применяется к тексту. Я действительно озадачен .. и любопытно, является ли это проблемой CSS или результатом изменения размера таблицы. Любое понимание будет высоко ценится

CSS:

*, table td { 
    font-family: Calibri, sans-serif; 
    font-size: 1.1rem, 1.1em; 
} 

ПРИМЕЧАНИЯ: Это наиболее очевидно на устройствах, которые не айфоны

Answer 1

Раздельной вашего размера шрифта собственность как

table td { 
    font-family: Calibri, sans-serif; 
    font-size: 1.1rem; 
    font-size: 1.1em; 
} 

это может работать