0

我有一个对称的网格。我已将输出类型设置为浮动 6 列。我的目标是在某种图像库 ( gist ) 中显示无序列表中的列表项，在这种情况下为图像。

移动布局：所有图像 100% 宽度垂直对齐。

bp500px：每张图片有 3 列宽 - 效果很好。

bp750px：每个图像是 2 列宽 - 布局中断。

float-span 是否不适用于列表中的第二个项目 - 但基本上为每个项目编号 1 和 2 设置 float-span(2) 并为每三分之一设置 float-span(2,last)？

或者 $output: float 和 float-span 的组合对于对称网格环境中的那种目标来说已经是错误的选择？最好使用隔离混合？

最好的问候拉尔夫

4

1 回答 1

1

如果有与之关联的代码，这将更容易调试，但大概对于您的bp500px，您有类似li:nth-of-type(even)for 的东西last。这比 simple 具有更高的选择器权重li，并且由于媒体查询的选择器权重比伪选择器低，因此您需要执行以下操作之一：

  • 通过使用您想要的跨度重新调用它来撤消bp750px:nth-of-type(even)中的选择器_ Fencing bp500px以便代替您使用(min-width: 500px)(min-width: 500px) and (max-width: 749px)
于 2014-01-12T13:42:35.407 回答