表格内容未在移动设备上调整大小

Question

我正在努力使用类似于stackLayout的方法使我的网站响应。该页面在桌面上运行良好，并可根据不同的宽度进行适当调整;但是，在移动设备上，表格中包含的所有文本都不会调整大小，并且显着小于所有其他文本。直接应用于表的唯一样式声明是width: 100%，即使直接声明font-size，文本也不会响应。无论应用于文本的单元的大小/类型如何，都会出现此问题。我真的很困惑......并且好奇这是一个CSS问题还是表格调整大小的结果。任何见解都将非常感激

CSS：

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

注意： 在非iPhone设备

上最明显

Answer 1

将字体大小属性分隔为

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

这可能有效