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

Question

我无法使表适合它的父元素。它必须设置为宽度为30％（左侧）和70％（右侧）宽度的列。从一定的设备宽度向上，它的工作原理非常好，但在小型设备上（例如我的Samsung Galaxy S4 Mini），表格会溢出到右侧，因此右列内容的一半不可读。

这里的链接：http://fachschaft-intermedia.de/programme/ 我没能重现误差的jsfiddle（所以我只能链接到原始网站），如此看来，这个问题IST由WordPress的主题，无论是CSS或引起我的自定义CSS与它冲突。我曾尝试将宽度设置为最大宽度，或者完全从我的自定义CSS中删除宽度属性，但它没有做任何事情。

任何想法是什么导致这种情况，以及如何解决它？

Answer 1

添加到您的CSS：

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