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

基本上，表是不是块级元素，这样他们就不能很好具有响应宽度限制了它们。大多数浏览器允许您将它们拉伸到更大的宽度，但不会轻易缩小它们。