joomla 3.0響應式css表格寬度

Question

我對所有網站使用joomla 3.0，並在響應式模板beez3和protostar中苦苦掙扎着表格寬度。我不明白爲什麼表格不能自動響應，因爲模板是「響應式」的。

我已經研究了css修復包括創建特殊的@media css文件，這些文件完全重塑了表格的呈現方式，但目前我所要做的只是以非寬度的非響應格式顯示錶格：它正在顯示的設備的100％。我曾嘗試在桌子周圍創建一個特殊的div，但它對我無效。我不是css的專家，所以如果有人可以爲我拼出來，這將是非常有用的。

表我目前正在在這裏找到掙扎： http://www.skiptech.com.au/index.php/skip-bin-hire-types-sizes

感謝提前任何幫助。

Answer 1

這應該可以幫助你解決的，爲什麼表是不是最好的響應的解釋：Chrome, Safari ignoring max-width in table

基本上，表是不是塊級元素，這樣他們就不能很好具有響應寬度限制了它們。大多數瀏覽器允許您將它們拉伸到更大的寬度，但不會輕易縮小它們。