960gs和骨架的实用性

Question

我有一个简单的问题。我现在正在学习网页设计，但我觉得很难有基于像素的网格;问题是由于响应元素。

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

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

我可以认为960gs可以解决大型网站中存在多个元素（3-4列）的问题，并且您不需要增加或调整其宽度（例如，对于1024的最大逻辑断点，例如，你不需要为列提供另一个空间，你只需要一个 margin：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>

Answer 1

960gs由Unsemantic取代。见：http://unsemantic.com/。 Unsemantic框架使用列宽的百分比，并且百分比相对于容器宽度，它们更适合用于reponsive网格。

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