HTML5响应式设计

Question

我是响应式设计的新手。我的客户要求我实现响应式设计以兼容多屏幕支持和多设备支持。

我对响应式设计有一些疑问:

• 是否所有支持 HTML5 的浏览器都支持响应式设计？
• 创建响应式设计是否会比传统设计花费更多时间？
• 我是否需要不同的 css 文件来实现响应式设计？

请指教。

谢谢。

Answer 1

我相信所有现代浏览器都支持大多数 HTML5 功能。但是您为响应式设计所做的大部分工作都是在 CSS 中完成的。所以这是浏览器是否支持您正在使用的 CSS 标准的问题。 caniuse.com 等网站将对浏览器兼容性有很大帮助。

如果您不熟悉响应式布局，您会发现类似 Twitter Bootstrap 的内容或 Zurb Foundations很有帮助。它们不仅旨在响应迅速，而且通常非常容易学习，并且包含许多其他有助于创建网站的东西。

Twitter Bootstrap 比 Foundations 更常用。 Foundations 很好，因为 CSS 是使用 SASS 构建的。所以你可以在你的 CSS 中使用变量等。使开发更有效率。 Bootstrap 基于 LESS 的 CSS。