我有一个简单的问题。我现在正在学习网页设计，但我发现基于像素的网格非常困难;此事是由于响应因素。
我不能只插入媒体查询，因为例如，图像必须为每个像素调整大小，而不仅仅是在逻辑断点处。所以我的解决方案，尽可能简单，将设置一个宽度：%;对于每一列(我将有 1 或 2 列，但图像和内容必须为每个像素调整大小(。
然后拿骷髅来说......我看到了，但除了媒体查询之外，它似乎是 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>
960gs 已被 Unsemantic 取代。请参阅：http://unsemantic.com/。非语义框架使用列宽的前缀，并且由于百分比相对于容器宽度，因此它们更适合在响应网格中使用。
一些小建议：使用网格系统来指定布局列，而不是将列宽应用于特定元素，例如新闻列表、表单、图像等。这允许列中的元素通过列宽本身自动获得其宽度。