我有使用HTML5和CSS3构建静态网站的经验，其中固定维度以px表示。我用手写CSS并且可能这是最好的方法（结合使用SASS和指南针，我仍然需要学习）。现在我必须实现一个新的网站，我正在尝试制作一个灵活的布局，可以在任何主浏览器（Internet Explorer，Firefox，Opera，Safari）上以及桌面和移动设备上的任何浏览器大小显示。我现在更关心桌面分辨率，但如果它在移动设备上看起来也不错，那就更好了。
我正在阅读Ethan Marcotte撰写的“响应式网页设计”一书，当我必须通过使用他的公式设定维度时，我正在学习使用百分比：目标/背景=结果（基本上是一个比例）内容和容器）。我认为这是制作灵活网站的好方法。作为Ethan Marcotte州的响应网站应该有3个成分：
我认为这是实现它的好方法。
除了该理论和手工制作的CSS之外，在不同的浏览器中可能会有不同的元素显示。我已经尝试过Css reset和Normalize.css，我现在正在使用它，我更喜欢。我想尝试一下集成了Modernizr的HTML5 Boilerplate。你推荐它吗？
最近有越来越多的网格系统（甚至Adobe Dreamweaver CS6实现了一种使用respond.js创建流体布局网格的方法。有什么好处？）我正在考虑尝试使用960网格系统或基础ZURB。我知道有一个不同版本的960gs用于流体布局，无论如何，基础更好的是现在的流体布局？
最后是否可以将HTML5 Boilerplate与960gs或Foundation相结合，是否有意义？
我已经阅读了与这些主题相关的问题和答案，但通常它们只针对一件事。我希望能够全面了解所有这些事情，并提出如何进行的建议。我提前感谢你们。
答案 0 :(得分：1)
Dreamweaver CS6提供了许多用于创建灵活和流畅布局的工具。我建议你使用960网格系统，DW也提供了一个工具，用于预览不同屏幕尺寸的网页（你可以在网页的状态栏中找到它，在右下角）
我几乎可以肯定这会对你有所帮助：
答案 1 :(得分：1)
我正在使用Zurb的Foundation来完成我所有的最新项目;它提供了我需要的一切。随着笔记本和桌面屏幕越来越高分辨率，我发现限制为960像素的网格也已成为过去，因为在大屏幕上它们只覆盖50％（或更少=就像在1024px上使用480px布局一样）屏幕）！如果您相应地调整字体大小，使用Foundation可以更轻松地扩展。我现在通常上升到1440。
答案 2 :(得分：1)
无论960g给出什么，Bootstrap和基金会都给予+更多。那就是Bootstrap和Foundation都已经包含了一个基于网格的布局，并提供了响应性选项。
那就是说，我建议你仔细看看Bootstrap和Foundation，然后画出自己的比较。选择提供您更喜欢的功能的那个。如果你在你所做的事情上组织得很好，那么两个中的一个就足够了。
既然你还没有尝试过，我建议你现在就做，你的问题会在一瞬间消失。我建议你从Bootstrap开始，当你这样做时，你可能永远不会考虑尝试其余的。