Zurb foundation 如果已经有中n类或小n类,为什么要使用大n类? 在浏览基础5个样本和用Zip打包的索引X.html时,我看到很多次都会有这样的标记: <div class="large-4 medium-4 columns"> ... </div> 。。。

Zurb foundation 如果已经有中n类或小n类,为什么要使用大n类? 在浏览基础5个样本和用Zip打包的索引X.html时,我看到很多次都会有这样的标记: <div class="large-4 medium-4 columns"> ... </div> 。。。,zurb-foundation,Zurb Foundation,一旦你有了中档4,大屏幕显示器不也是如此吗 按照同样的思路,有时会出现: <div class="large-12 columns"> ... </div> 。。。 这真的有必要吗?默认情况下,一个列没有占用12列吗?是的,因为基金会是一个移动第一框架,任何更大的类都会继承较小类的列数。 您可能希望指定small-X medium-X large-X等的一个示例是将这些类与结合使用时。假设我们在一个大显示屏上有三列,例如 <div class="small-12

一旦你有了中档4,大屏幕显示器不也是如此吗

按照同样的思路,有时会出现:

<div class="large-12 columns"> ... </div>
。。。

这真的有必要吗?默认情况下,一个列没有占用12列吗?

是的,因为基金会是一个移动第一框架,任何更大的类都会继承较小类的列数。 您可能希望指定small-X medium-X large-X等的一个示例是将这些类与结合使用时。假设我们在一个大显示屏上有三列,例如

<div class="small-12 medium-6 large-4 columns">
    COLUMN #1 with stuff that shows in a small, medium, or large width screen.
</div>
<div class="medium-6 large-4 columns show-for-medium-up">
    COLUMN #2 with stuff that shows in a medium or large width screen.
</div>
<div class="large-4 columns show-for-large-up">
    COLUMN #3 with stuff that shows in a large width screen only.
</div>

列#1,包含在小、中或大屏幕上显示的内容。
列#2包含在中等或大屏幕上显示的内容。
列#3包含仅在大屏幕上显示的内容。
对于隐藏第3列时的中等宽度屏幕,您希望第1列和第2列具有类
medium-6
。对于隐藏列2和列3时的小屏幕,您希望列1具有类
small-12


希望这有帮助

谢谢你的回复。虽然您的回答说明了为什么大中型的值不同会派上用场,但我不明白如果它们都是相同的,为什么需要这样做。不是最大的问题。只是好奇。是的,正如我上面所说的,如果你已经指定了较小的网格大小,我认为没有任何理由对较大的网格大小使用相同的值。直接引用Zurb的话,“基金会首先是移动的。首先是小屏幕的代码,较大的设备将继承这些样式。根据需要为较大的屏幕定制。”也许它们会显示大4和中4,以提醒新用户其他屏幕大小的网格可用。是的,我猜。谢谢