1. 首页
  2. 问答
  3. HTML5响应式设计

HTML5响应式设计

2013-07-17 155 views
2

我是一只新蜜蜂响应式设计。我的客户要求我实施自适应设计，以兼容多屏幕支持和多设备支持。HTML5响应式设计

我有自适应设计有些疑惑：

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

请指点。

谢谢。

来源

2013-07-17 Naju

+0

不，所有浏览器都不支持HTML5响应式设计，不需要不同的CSS。您只能在一个CSS中实现响应式结构。 –

+0

谁告诉所有浏览器都不支持HTML5响应式设计......所有主要浏览器都支持媒体查询 –

+3

响应式设计不是HTML5的一部分！ –

回答

1

都支持HTML5自适应设计，所有的浏览器started..yes？

ans：绝大多数WEBKIT浏览器都支持响应式设计。除了webkit还支持响应式。

与传统设计相比，这需要更多时间吗？ ans：雅如果你是第一次设计，它将需要更多的时间。

我是否需要不同的css文件来实现响应式设计？ ans：如果您在没有响应框架的情况下制作响应式网站，您必须编写不同的CSS。

我建议使用响应式框架，它会节省您的大量时间。

Twitter的引导http://twitter.github.io/bootstrap/，样板http://html5boilerplate.com/和基础http://foundation.zurb.com/这是很好的框架，响应

来源

2013-07-17 06:58:22 Umesh

+1

大多数现代网络浏览器都支持媒体查询。它们是响应式设计所必需的。 Internet Explorer 8是个例外，它不是超现代的，但是安装量很大。如果您需要支持IE8，请考虑像Respond.js（https://github.com/scottjehl/Respond）这样的polyfill。 – Henrik

2

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

如果您不熟悉响应式布局，您会发现诸如Twitter Bootstrap或Zurb Foundations之类的内容非常有帮助。它们不仅被设计为具有响应能力，而且通常非常容易学习，并且包含了许多其他有助于创建网站的内容。

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

来源

2013-07-17 06:58:37 EnigmaRM

+0

当然，如果您关心正确的HTML元素语义，那么我不推荐使用滥用元素的Twitter Bootstrap。 –

相关问题

 相关问题