css - pure-g 和 pure-g-r 的区别

Question

我想问一下 pure-g 和 pure-g-r 有什么区别。我曾经认为响应式会让我的 div 在较低的分辨率下不会崩溃但是使用 pure-g 也帮助我实现了同样的效果，所以我对它们之间的正确区别感到困惑。

[只是提一下我正在使用 mozilla 的响应式 View 进行测试]

此外，我看到许多博客都提到了纯类，例如:pure-mobile.. 使您的网站对移动设备、平板电脑等具有响应能力，这也增加了我的疑虑。但我在他们自己的http://pure.css.io 中找不到任何描述网站。

Answer 1

使用 pure-g 类，您的 pure-u-* 列将不会折叠。
使用 pure-g-r，您的 pure-u-* 列将在视口(viewport) < 768px 时折叠。

演示:http://jsfiddle.net/jgvE4/

更新:如果您今天正在阅读这篇文章并且使用的是 PureCSS 0.5+，那么上面的答案将不再有效