构建响应式网站的各种方法有哪些?

时间:2012-07-22 17:17:19

标签: html5 css3 responsive-design media-queries

响应式网页设计正在快速赶上。我知道twitter Bootstrap是最好的框架之一。但我只是想知道其他选择是什么。我见过几个响应式网站,我不确定它们是否是使用twitter引导带构建的。我所谈论的网站是smashing magazinecss tricks。有没有人知道他们是如何回应的,他们使用twitter引导程序还是其他任何框架?

3 个答案:

答案 0 :(得分:2)

实际上响应式网页设计包括三个内部因素:流体网格灵活图像媒体查询。如果您有兴趣学习如何使用RWD技术构建网页,我建议您阅读 Ethan Marcotte Responsive Web Design书。

答案 1 :(得分:1)

他们都使用自己的自定义CSS代码。对于具有如此大量定制设计的站点,基于Bootstrap没有多大意义。

话虽如此,如果你不介意在完全定义的代码之上构建,Bootstrap是一个很棒的框架。

对于响应式设计,@ media查询是您唯一需要的。 Bootstrap只是一个非常明确的框架,它也使用@media查询。

答案 2 :(得分:0)

有点迟到的答案,但现在有相当多的响应式前端框架: 例如Twitter BootstrapFoundation(我是两者的粉丝)。

它们的优势在于非常高水平的定制,流畅的网格组件,媒体查询和许多其他功能/功能。灵活性很有说服力。

当然,这些只是起点,您可以根据需要自定义它们。社区不断产生新的想法,例如bootstrapcdn.com,提供快速加载的引导程序文件供使用......

要考虑的最重要因素之一是您的响应式网站可以支持多少个屏幕? 3? 4? 5? (PC,平板电脑,智能手机,电视等)以及您的网站如何降级以支持不同的屏幕尺寸。