对于想要挑战的Zurb基金会粉丝。我无法绕过Zurb Foundation 5的可见性课程。我从概念上理解发生了什么，但我正在尝试为可见性类添加额外的大小，即“微小”。我已经在我需要的其他组件中进行了“微小的”媒体查询，但这种可见性的东西正在踢我的屁股。我无法跟踪什么是最重要的！
这是original _visibility.scss file。
是否有人希望在.show-for-tiny，.show-for-tiny-only，.hide-for-small-down以及所有媒体查询中所需的所有其他新增内容中工作？
（根据反馈添加更多细节） 查看引用的_visibility.scss文件时，您可以看到有几十个show和hide类。对于所有媒体查询（微小，小，大，xlarge，xxlarge），代码需要考虑什么样的“小”尺寸？
实际尺寸范围对我来说并不是那么重要，因为它们可能会在我以后更新。但如果你想进行估算，则如下：
$tiny-range: (0px, 480px); // (0em, 30em)
$small-range: (481px, 640px); // (30.063em, 40em);
$medium-range: (641px, 1024px); // (40.063em, 64em);
$large-range: (1025px, 1440px); // (64.063em, 90em);
$xlarge-range: (1441px, 1920px); // (90.063em, 120em);
$xxlarge-range: (1921px); //(120.063em);
答案 0 :(得分：1)
我在Github上分享了回购并添加了一个与0-30em对应的微小的新媒体查询。
出于演示目的，我将scss编译为css并创建了jsFiddle。通过调整浏览器大小，您将看到各种可见性类生效。
当列折叠时，网格保持不变。
有关更改的详细列表，请查看diff stats。