我有一个对称网格。我已将输出类型设置为浮动6列。我的目标是在无序列表中显示列表项,在这种情况下,在某种图像库(gist)中显示图像。
移动布局:所有图片100%宽度垂直对齐。
bp500px:每张图片宽3列 - 效果很好。
bp750px:每张图片宽2列 - 布局中断。
浮动范围不适用于列表中的第二项 - 但基本上每个项目编号1和2以及浮动范围(2,最后)为每三个设置浮点数(2)?
或组合$ output:float和float-span在对称网格环境中对于那种目标已经是错误的选择?最好使用隔离混合物?
最好的问候拉尔夫
答案 0 :(得分:1)
如果有与之关联的代码,这将更容易调试,但可能对于 bp500px ,li:nth-of-type(even)
有last
。它具有比简单li
更高的选择器权重,并且由于媒体查询的选择器权重低于伪选择器,因此您需要执行以下操作之一:
:nth-of-type(even)
选择器
_屏蔽 bp500px ,以便您使用(min-width: 500px)
而不是(min-width: 500px) and (max-width: 749px)