2

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

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

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

请指教。

谢谢。

4

3 回答 3

2

我相信所有现代浏览器都支持大多数 HTML5 功能。但是你为响应式设计所做的大部分工作都是在 CSS 中完成的。因此,浏览器是否支持您正在使用的 CSS 标准是一个问题。caniuse.com之类的网站对浏览器兼容性非常有帮助。

如果您不熟悉响应式布局,您会发现Twitter BootstrapZurb Foundations 之类的东西非常有用。它们不仅设计为响应式的,而且通常非常容易学习,并且包含许多其他对创建网站很有帮助的东西。

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

于 2013-07-17T06:58:37.293 回答
1

是的,所有浏览器都支持 HTML5 响应式设计吗?

使用媒体查询..检查以下链接以开始..是的,这需要更多时间

http://mediaqueri.es/

http://css-tricks.com/css-media-queries/

http://www.w3.org/TR/css3-mediaqueries/

于 2013-07-17T06:53:10.423 回答
1

所有浏览器都支持 HTML5 响应式设计吗?

ans:大部分WEBKIT浏览器完美支持响应式设计。除了 webkit 还支持响应式。

与传统设计相比是否需要更多时间?答:是的,如果您是第一次设计,那将需要更多时间。

我需要不同的 css 文件来实现响应式设计吗?回答:如果您制作没有响应式框架的响应式站点,则必须编写不同的 css。

我建议使用响应式框架,它会节省你很多时间。

TWITTER BOOTSTRAP http://twitter.github.io/bootstrap/,boilerPlate http://html5boilerplate.com/和基础http://foundation.zurb.com/ 这是很好的响应框架

于 2013-07-17T06:58:22.427 回答