简体   繁体   English

SingularityGS:如何使用断点编码浮点跨度变化?

[英]SingularityGS: How to code float-span variations with breakpoints?

I have a float-span layout which contains a number of tiles in a 12 column grid.我有一个浮动跨度布局,其中包含 12 列网格中的许多图块。 At breakpoint 600px I want this to display float-span(2) and at 1024px I want float-span(4).在断点 600px 我希望它显示 float-span(2) 而在 1024px 我想要 float-span(4)。

I am finding that the smaller breakpoint layout displays as intended but the larger breakpoint layout is broken and appears to be inheriting the nth-child value from the lower breakpoint.我发现较小的断点布局按预期显示,但较大的断点布局已损坏,并且似乎继承了较低断点的第 n 个子值。

He is my gist http://sassmeister.com/gist/MrPaulDriver/8ac3bcf3e29c429b2efc他是我的主旨http://sassmeister.com/gist/MrPaulDriver/8ac3bcf3e29c429b2efc

What am I doing wrong?我究竟做错了什么?

Having re-read a previous answer I now realise that it is necessary to define minimum and maximum media queries重新阅读以前的答案后,我现在意识到有必要定义最小和最大媒体查询

See Singularitygs: Mobile grid persisting all screen sizes请参阅Singularitygs:保留所有屏幕尺寸的移动网格

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM