html5响应式布局

我想用html5和css3创建响应式布局。在网上阅读了一下之后，我真的很困惑，因为从哪里开始。从我读过什么有一些帮助开发响应布局框架：html5响应式布局

这是confustion开始的地方：

什么使用这些框架的好处是什么？
我在哪里可以找到教程，教会我从PSD => HTML5 Responsive layout =>，然后使用该框架。
我是否需要使用这些框架？

来源

2013-07-15 ShaneKm

你基本上需要一个网格系统。 Bootstrap提供了一个，与其他usefil的东西。我会建议看bootstrap的文档 –

下的Scaffholding部分，基本上Responsive =在CSS中使用Media Queries（我也建议使用Google搜索）以适用于不同屏幕尺寸的方式更改内容的显示 –

响应式布局更多是一种编码/脚本技术。我试过了框架和一些CMS系统，我发现我更喜欢从头开始并保持完全控制。 – defaultNINJA

这些框架有很多的产生建立网格系统真正快速，轻松地类。例如，Bootstrap有许多类，它们帮助建立流体网格，每个流体网格或流体宽度与其相邻容器相比可能不同。

从一个PSD到一个响应式布局使用框架是棘手的，很多人喜欢从移动布局工作，并为这些较小的设备创建PSD，以帮助他们弄清楚什么是最重要的内容和把它放在页面的顶部，用于移动设备，更重要的是面向中心，或者更重视桌面设备。为了移动到一个响应式布局，它实际上就是要为你计划的每个断点创建一个PSD，这样你就知道一切应该去哪里，并且使它更容易。使用响应式布局框架几乎是布局设计过程的一部分，因为您使用框架来实现其功能，所以了解框架可以做什么并且不能做到这一点非常重要，因为您不会设计不可能的事情。

这些框架只是创建了很多很好的功能，使得响应式开发对于初学者来说更容易和更简单，您可能希望仅使用框架构建示例站点，然后在您可以继续自行完成之后，有些时候你可能不会使用框架提供的所有东西，并且把它取出来并覆盖它的类是一种痛苦。框架让你开始学习，并决定你是否习惯使用它们。

快乐编码！

来源

2013-07-15 20:16:10

但对我来说，似乎所有的网站都必须遵循相同的标准，几乎看起来相同或非常相似。不是这样吗？以旧的方式做，就是削减PSD（如下所示：http://www.ultimatedesignertoolkit.com/tutorials/psd-html-easy-ultimate-css-framework/）是否仍然适用于这些框架？我只是困惑于PSD到网格系统的HTML部分。 – ShaneKm

从psd到HTML不需要是一个确切的副本，它更多的是在一起获得一个想法，然后知道该网站应该是什么样子。 –

大多数网站是不同的，请前往apple.com，然后google.com，然后到adobe.com。他们每个人在不同的地方都有不同的导航结构，工作方式不同，他们的内容在不同的地方。 –

一些工作已经完成了。（如果他们以某种你不想要的方式做事，那当然不会有好处）。
问题询问教程建议是题外话了＃1
号

来源

2013-07-15 20:00:55 Quentin

html5响应式布局

回答

相关问题