0

我正在构建一个基于框架的小型博客metalsmith，PureCSS它有一个简单的三行布局，如下所示：

<div class="pure-g">
    <div class="pure-u-1"> Navbar </div>
    <div class="pure-u-1"> Content </div>
    <div class="pure-u-1"> Footer </div>
</div>

由于我还在学习很多关于 CSS 和响应式设计的新东西，我想知道导航栏是否也应该放入网格行中，或者是否应该驻留在网格行之外。PureCSS 文档声明如下：

人们可见的所有内容都需要包含在网格单元内。这确保了内容将被正确呈现。

这将使它成为yes，因为导航菜单对用户当然是可见的。但是，这不会使导航栏的媒体查询处理更加复杂吗？那么在使用响应式网格时，我应该将导航栏放在哪里？

4

2 回答 2

1

不，导航栏不一定在网格内。使用网格的主要目的是使内容看起来更好、更合适。它还帮助程序员决定将多少网格块分配给某个元素。

但是，由于导航栏一直贯穿整个页面，因此没有理由为其分配网格大小。它应该始终是 100%。

如果您正在构建一个博客应用程序，那么只有您的内容应该在您的网格系统中，以便正确呈现元素。据我所见，页脚通常也一直延伸到整个窗口。

于 2019-10-28T10:16:06.140 回答
1

您可以使用网格。管理和处理内容和组件会更容易，并且在不同的浏览器中呈现会更稳定。

于 2019-10-28T10:42:59.570 回答