基础5可见性类不在表行上工作

时间:2014-09-09 19:41:53

标签: css zurb-foundation visibility

我正在使用基础可见性类来根据屏幕大小显示/隐藏表格行和单元格。

我正在直接从github使用foundation-rails gem。

我使用以下代码显示和隐藏全宽td:

[...]
/* Should show up only on small screens */
<tr class="hide-for-medium-up">
  <td colspan="4">
    No entries found!
  </td>
</tr>
/* Should show up only on medium and larger screens */
<tr class="hide-for-medium-up">
  <td colspan="4">
    No entries found!
  </td>
</tr>
[...]

我尝试过但尝试过但根本没用。 当我使用类“hide-for-medium-up”调整行的大小时,行为正确 - 隐藏在小屏幕上。但是第一行不会这样做 - 它应该显示在一个小屏幕上并隐藏其余部分。

我已经使用chrome检查器检查了CSS,看起来好像隐藏行的类被另一个覆盖了。

这是一个屏幕截图(Inspector @ Screenwidth为1100px(即大屏幕)):

Inspector @ Screenwidth of 1100px (i.e. large)

为什么会这样?我已禁用所有其他CSS类,但效果仍然相同。 我已尝试过许多其他课程,如“仅限小型演出”等等......

非常感谢任何帮助。

0 个答案:

没有答案