Html 响应性'；网格'；？ 我有一个不可羡慕的任务：“改装”一个网站，以响应，并已给予ZURB基金会980PX网格。我有点不知所措，不知道我应该如何使我现有的网站适应这一点-我是否必须重新设计它以使元素与新的网格对齐？？我知道该网站将按比例扩展，在某些断点处会隐藏一些元素并为其他元素加载新的css-但这是我没有得到的网格内容？

到目前为止，我已经转换了两个960gs网站，两个都进行得相当快

<强>对于初学者，确保您引用了项目中的所有基础资源（JavaScript和CSS）。< /强>

首先，您提到您的网格是960，而zurb的网格是980。我们会的，这完全是定制的。您需要做的是添加CSS覆盖。为此，请打开app.css并添加以下代码：

.行{ 最大宽度：960px；}

接下来，您需要查看当前的HTML，看看它与Zurb有多相似。在960gs中，没有行，只有列。因此，在我的项目中，我需要添加行，并对列类进行查找和替换，如下所示：

之前：

<div class="container_12">
  <div class="grid_8">
          ...    
  </div>
  <div class="grid_4">
          ...
  </div>
</div>

...    
...

之后：

<div class="container">
 <div class="row">
  <div class="eight columns">
          ...    
  </div>
  <div class="four columns">
          ...
  </div>
 </div>
</div>

...    
...

您需要在所有页面上执行此操作请记住，每个字段必须只包含12列，不能多也不能少。

---

一旦你做到了这一点，你应该在你的道路上。您可能需要做一些额外的工作，因为您现在正在处理灵活的网格和灵活的内容。

您可以使用960.gs网站上的Adapt.js插件

它已经与960gs兼容，因此不需要在框架中进行任何更改

---

然而，您可能仍然需要重新编码一些内部CSS类以适应流动性

传统站点是用960gs这样的网格框架构建的吗？960像素仅仅是站点的宽度，还是它也使用了网格框架？好的，最初的设计是960网格，但是zurb的网格是980px。但是网格非常松散（43px的列之间的水槽…），所以我真的不确定它有什么用。。谢谢你的帮助谢谢-非常有帮助。。非常感谢您的时间和投入