我正在使用基础可见性类来根据屏幕大小显示/隐藏表格行和单元格。
我正在直接从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(即大屏幕)):
为什么会这样?我已禁用所有其他CSS类,但效果仍然相同。 我已尝试过许多其他课程,如“仅限小型演出”等等......
非常感谢任何帮助。