2014-09-23 54 views
0

我無法使表適合它的父元素。它必須設置爲寬度爲30%(左側)和70%(右側)寬度的列。從一定的設備寬度向上,它的工作原理非常好,但在小型設備上(例如我的Samsung Galaxy S4 Mini),表格會溢出到右側,因此右列內容的一半不可讀。在小設備寬度上表溢出父項

這裏的鏈接:http://fachschaft-intermedia.de/programme/ 我沒能重現誤差的jsfiddle(所以我只能鏈接到原始網站),如此看來,這個問題IST由WordPress的主題,無論是CSS或引起我的自定義CSS與它衝突。我曾嘗試將寬度設置爲最大寬度,或者完全從我的自定義CSS中刪除寬度屬性,但它沒有做任何事情。

任何想法是什麼導致這種情況,以及如何解決它?

回答

2

添加到您的CSS:

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

哇,這工作,謝謝!嗯,你能向我解釋爲什麼這個工作嗎? °ω°這不是告訴瀏覽器將表格單元的寬度限制爲1Px嗎? – MoritzLost 2014-09-23 13:09:49

+0

我真的不知道:)。只是玩弄一些樣式,突然它的工作:) – 2014-09-23 13:24:22

+0

好吧,奇怪,但無論工程°д°:D – MoritzLost 2014-09-23 13:25:04