我是响应式设计的新手。我的客户要求我实施响应式设计,以兼容多屏幕支持和多设备支持。
我对响应式设计有一些疑问:
- 所有支持 HTML5 的浏览器都支持响应式设计吗?
- 创建响应式设计会比传统设计花费更多时间吗?
- 我需要不同的css文件来实现响应式设计吗?
请指教。
谢谢。
我是响应式设计的新手。我的客户要求我实施响应式设计,以兼容多屏幕支持和多设备支持。
我对响应式设计有一些疑问:
请指教。
谢谢。
我相信所有现代浏览器都支持大多数 HTML5 功能。但是你为响应式设计所做的大部分工作都是在 CSS 中完成的。因此,浏览器是否支持您正在使用的 CSS 标准是一个问题。caniuse.com之类的网站对浏览器兼容性非常有帮助。
如果您不熟悉响应式布局,您会发现Twitter Bootstrap或Zurb Foundations 之类的东西非常有用。它们不仅设计为响应式的,而且通常非常容易学习,并且包含许多其他对创建网站很有帮助的东西。
Twitter Bootstrap 比 Foundations 更常用。Foundations 很好,因为 CSS 是使用 SASS 构建的。因此,您可以在 CSS 中使用变量等。使开发更有效率。Bootstrap 基于 LESS 的 CSS。
所有浏览器都支持 HTML5 响应式设计吗?
ans:大部分WEBKIT浏览器完美支持响应式设计。除了 webkit 还支持响应式。
与传统设计相比是否需要更多时间?答:是的,如果您是第一次设计,那将需要更多时间。
我需要不同的 css 文件来实现响应式设计吗?回答:如果您制作没有响应式框架的响应式站点,则必须编写不同的 css。
我建议使用响应式框架,它会节省你很多时间。
TWITTER BOOTSTRAP http://twitter.github.io/bootstrap/,boilerPlate http://html5boilerplate.com/和基础http://foundation.zurb.com/ 这是很好的响应框架