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

基本上，表格不是块级元素，因此它们不能很好地响应限制它们的宽度。大多数浏览器都允许您将它们很好地拉伸到更大的宽度，但不能轻易缩小它们。