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

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

[仅提及我使用mozilla的响应视图进行测试]

---

此外，我还看到许多博客提到纯类，例如：纯移动。。使您的网站对手机、平板电脑等做出响应。但是我在他们自己的网站上找不到任何描述。

使用

pure-g

类，您的

pure-u-*

列不会崩溃。
使用

pure-g-r

，当视口小于768px时，

pure-u-*

列将折叠

演示：

---

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

请不要滥用[html5]和[css3]标记。它没有文档记录，因为这是在PureCSS成为移动第一个CSS框架之前。这个超过1年的答案在PureCSS 0.3.0中是有效的。