zurb foundation 使列宽在屏幕尺寸上保持不变，无需单独声明
zurb foundation make column width persist across screen sizes without individual declarations
使用 zurb 基础，我希望有一个单一的 class 声明，该声明将在媒体查询断点之间持续存在。例如，如果我想创建一个 10 列的 div，无论它是在桌面上还是在 phone 上查看。
我意识到这可以通过像这样添加所有 classes 来实现：
<div class"xxlarge-12 xlarge-12 large-12...">
The content
</div>
但是
我真的宁愿不向每个 div 添加 5+ classes，无论大小如何，我都想跨越整个屏幕。
提前致谢
如果您使用 small-4，它应该缩放所有较大的屏幕尺寸以仅占用 4 的网格。
在您的实例中，您想使用 small-12 columns。
Foundation 使用最小宽度媒体查询，这意味着只要您使用 "small" class，并且它不会随着屏幕变大而改变，这就是您所需要的.
例如，如果您希望它在移动设备上全屏显示，在桌面设备上显示半屏显示，您可以使用以下标记：
<div class="small-12 large-6 columns"></div>
Here's a link to the Zurb Foundation documentation on their grid.
使用 zurb 基础，我希望有一个单一的 class 声明，该声明将在媒体查询断点之间持续存在。例如，如果我想创建一个 10 列的 div，无论它是在桌面上还是在 phone 上查看。
我意识到这可以通过像这样添加所有 classes 来实现：
<div class"xxlarge-12 xlarge-12 large-12...">
The content
</div>
但是
我真的宁愿不向每个 div 添加 5+ classes，无论大小如何，我都想跨越整个屏幕。
提前致谢
如果您使用 small-4，它应该缩放所有较大的屏幕尺寸以仅占用 4 的网格。
在您的实例中，您想使用 small-12 columns。
Foundation 使用最小宽度媒体查询，这意味着只要您使用 "small" class，并且它不会随着屏幕变大而改变，这就是您所需要的.
例如，如果您希望它在移动设备上全屏显示，在桌面设备上显示半屏显示，您可以使用以下标记：
<div class="small-12 large-6 columns"></div>
Here's a link to the Zurb Foundation documentation on their grid.