我有使用 HTML5 和 CSS3 构建静态网站的经验，固定尺寸以 px 表示。我过去常常手工编写CSS，这可能是最好的方法(结合使用SASS和Compass，我仍然需要学习)。现在我必须实现一个新网站，我正在尝试制作一个灵活的布局，可以在桌面和移动设备上的任何浏览器大小的任何主要浏览器(Internet Explorer、Firefox、Opera、Safari)上很好地显示。我现在更关心桌面分辨率，但如果它在移动设备上看起来也不错那就更好了。
我目前正在阅读 Ethan Marcotte 所著的《响应式网页设计》一书，并且正在学习百分比的使用，当我必须使用他的公式设置维度时:目标/上下文 = 结果(基本上是内容物和容器)。我认为这是制作灵活网站的好方法。 Ethan Marcotte 指出，响应式网站应具备 3 个要素:
- 灵活的基于网格的布局；
- 灵活的图像和媒体；
- 媒体查询。
我认为这是实现这一目标的好方法。
除了理论和手工制作的 CSS 之外，在不同的浏览器中可能会有不同的元素显示。我已经尝试过 Css Reset 和 Normalize.css，我目前正在使用它们，并且我更喜欢它们。我想尝试 HTML5 Boilerplate，它也集成了 Modernizr。你推荐吗？
最近网格系统的数量不断增加(甚至 Adobe Dreamweaver CS6 也实现了一种使用 respond.js 创建流体布局网格的方法。有什么好处吗？)我正在考虑尝试 960 网格系统或 Foundation祖尔布。我知道有一个不同版本的 960gs 用于流体布局，无论如何，目前 Foundation 对于流体布局更好吗？
最后是否可以将 HTML5 Boilerplate 与 960gs 或 Foundation 结合起来，这有意义吗？
我已经阅读了与这些主题相关的问题和答案，但通常它们只针对一件事。我希望对所有这些事情有一个整体的看法，并就如何进行提出建议。我提前感谢大家。
最佳答案
无论 960gs 提供什么，Bootstrap 和 Foundation 都提供更多。也就是说，Bootstrap 和 Foundation 都已经包含基于网格的布局和响应选项。
也就是说，我建议您仔细研究 Bootstrap 和 Foundation，然后进行自己的比较。选择一个提供您更喜欢的功能的选项。如果您对自己正在做的事情有条理的话，两者之一应该就足够了。
既然你还没有尝试过，我建议你现在就尝试一下，你的问题很快就会消失。我建议您从 Bootstrap 开始，因为当您这样做时，您可能永远不会考虑尝试其余的。
关于responsive-design - 响应式网页设计: percentages/html5 boilerplate/960gs or Foundation framework?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14034179/