我有个简单的问题。我现在正在学习网页设计,但是我发现基于像素的网格非常困难;这是由于响应元素造成的。
我不能只插入mediaqueries,因为例如,图像必须为每个像素调整大小,而不仅仅是在逻辑断点处。
因此,我的解决方案尽可能简单,将为每个列设置宽度:%;我将有1或2列,但图像和内容必须为每个像素调整大小。
然后拿着骷髅。。我看到了,但它似乎是960G的同一个拷贝,除了mediaqueries。。。这仍然是同样的问题。
我认为960gs可以解决一个大型站点中的问题,在这个站点中,您有许多元素(3-4列),您不需要增加或调整它们的宽度(例如1024处的最大逻辑断点,例如,您不需要其他列空间,只需做一个边距:0 a u to;用于使整个站点居中)。
那么,你觉得呢?我需要一个建议。谢谢您。
一个代码示例(我说只有两列)
<header>
some social media pixtures
</header>
<nav>
logo and menu
</nav>
<aside>
pictures
</aside>
<section>
some articles
</section>
<footer>
copyright and about me
</footer>
最佳答案
坚贞的人已经成功地完成了960次任务。见:http://unsemantic.com/。unsentic框架对列宽使用进位,由于百分比与容器宽度相关,因此它们更适合用于响应网格。
一些小建议:使用网格系统指定布局列,而不是将列宽应用于特定元素,如新闻列表、窗体、图像等。这允许列中的元素通过列宽本身自动获得宽度。