2

我有一个简单的问题。我现在正在学习网页设计，但我发现基于像素的网格非常困难；这件事是由于响应因素造成的。

我不能只插入媒体查询，因为例如，图像必须针对每个像素调整大小，而不仅仅是在逻辑断点处。所以我的解决方案，尽可能简单，将设置一个宽度：%; 对于每一列（我将有 1 或 2 列，但图像和内容必须针对每个像素调整大小）。

然后拿 Skeleton .. 我看到了，但它似乎是 960gs 的相同副本，除了媒体查询......它仍然是同样的问题。

我可以认为 960gs 可以解决一个大站点中的问题，其中您有许多元素（3-4 列）并且您不需要增加或调整它们的宽度（例如对于 1024 处的最大逻辑断点，例如，您不需要为列提供其他空间，您只需设置一个边距：0 auto;用于使整个站点居中）。

所以你怎么看？我需要一个建议。谢谢你。

编辑:: 代码示例（我说它只有 2 列）

<header>
some social media pixtures
</header>

<nav>
logo and menu
</nav>

<aside>
pictures
</aside>

<section>
some articles
</section>

<footer>
copyright and about me
</footer>
4

1 回答 1

2

960gs 已被 Unsemantic 接替。请参阅：http ://unsemantic.com/ 。Unsemantic 框架使用百分比来表示列宽，并且由于百分比是相对于容器宽度的，因此它们更适合用于响应式网格。

一些小建议：使用网格系统来指定您的布局列，而不是将列宽应用于特定元素，例如新闻列表、表单、图像等。这允许列中的元素通过列自动获得它们的宽度宽度本身。

于 2013-09-25T15:47:45.027 回答