html - 表格在小设备宽度上溢出父级

Question

我在将表格放入其父元素时遇到问题。它必须将列宽度设置为 30 %(左)和 70 %(右)宽度。从某个设备宽度向上，它工作得很好，但在小型设备(例如我的三星 Galaxy S4 Mini)上，表格会溢出到右侧，因此右侧列的一半内容不可读。

这是链接:http://fachschaft-intermedia.de/programme/我无法使用 jsfiddle 重现错误(因此我只能链接到原始站点)，所以问题似乎是由 Wordpress 主题的 CSS 或我的自定义 CSS 与之冲突引起的。我已尝试将宽度设置为最大宽度或从我的自定义 CSS 中完全删除宽度属性，但它没有做任何事情。

知道是什么原因造成的以及如何解决吗？

Answer 1

将此添加到您的 CSS:

table th, table td { 
    max-width: 1px; 
}