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

Question

我正在使用类似于stackLayout 的方法使我的网站具有响应性。该页面在桌面上运行良好，并且可以根据不同的宽度进行适当调整；但是，在移动设备上，表格中包含的所有文本都不会调整大小，并且看起来比所有其他文本要小得多。唯一直接应用于表格的样式声明是width: 100%，即使直接声明字体大小，文本似乎也没有响应。无论适用于文本的单位的大小/类型如何，这个问题都会普遍存在。我真的很困惑.. 并且很好奇这是 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;
}

这可能有效