css - 从一个 CSS 框架移植到另一个

Question

我最近得到了两项类似的工作，将响应式网站从一个框架移植到另一个框架，即 Zurb Foundation 到 Bootstap 和 Gumby 框架到 Zurb/Bootstrap。我是否必须亲自经历各种细节、功能等等，还是有其他方法。也不是这三个框架相连，功能都差不多。（我听说 Gumby 基本上是 Zurb 基金会的一个分支）你认为我需要做多少工作，我对响应式设计还比较陌生，这不是我收入最高的项目之一！:D

Answer 1

只需替换 CSS/JS 文件，然后在所有 HTML 文件中进行查找/替换以换入正确的类。例如，如果您要从 Bootstrap 转到 Foundation，则必须更改 to 的所有col-sm-12实例small-12 columns。

Answer 2

这是很多工作，而且可能是压倒性的。我宁愿避免它，但话又说回来，我也遇到过你真的做不到的情况——例如在合并两个代码库时。问题是，如果你只是开始一个项目，你可能不会那么在意。但是当你开始关心的时候，已经太晚了：你所有的 HTML 都已经按照你开始使用的 CSS 框架所规定的标准进行了结构化。

我也在这里解决了这个问题。在那个答案中，我提到了尝试使用 Pug mixins 来生成我的 HTML，如果我将来选择切换 CSS 框架，则引入了一个间接杠杆，允许我改变生成 HTML 的方式。这可能对您的特定情况没有帮助，您需要事后解决问题，但无论如何了解它可能会有所帮助。