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

Question

我很难让桌子适合它的父元素。它必须设置为宽度为30％（左）和70％（右）宽度的列。从某个设备宽度向上，它可以很好地工作，但在小型设备（例如我的三星Galaxy S4 Mini）上，表格溢出到右侧，因此右列内容的一半不可读。

以下是链接：http://fachschaft-intermedia.de/programme/ 我无法用jsfiddle重现错误（因此我只能链接到原始网站），所以似乎问题不是由Wordpress主题的CSS或我的自定义CSS冲突引起的。我尝试将宽度设置为max-width或者从我的自定义CSS中完全删除width-property，但它没有做任何事情。

有关导致此问题以及如何解决问题的任何想法？

Answer 1

将此添加到您的css：

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