3

我正在使用http://purecss.io/grids/上的文档， 基本上是复制示例代码来创建三分之二的网格

<div class="pure-u-1 pure-u-md-1-3"> ... </div>
<div class="pure-u-1 pure-u-md-1-3"> ... </div>
<div class="pure-u-1 pure-u-md-1-3"> ... </div>

然而，它根本没有像文档解释的那样显示 - 作为 3 列相等的三分之一：http: //jsfiddle.net/a7rnzn5f/1/

我不明白什么？

4

1 回答 1

2

您可能没有对 purecss 网格的响应部分的引用。

从您提供的链接：

由于媒体查询不能被覆盖，我们不将网格系统作为 pure.css 的一部分。您必须将其作为单独的 CSS 文件拉入。您可以通过将以下标签添加到您的页面来做到这一点。

<!--[if lte IE 8]>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!--<![endif]-->

加上那个，你应该很高兴！

编辑：对不起，我没有注意到你的小提琴。看起来你做了相反的事情。看起来您没有包含对 purecss 的基本引用。我用下面的参考更新了你的小提琴，它似乎有效。

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
于 2015-08-17T19:56:46.087 回答