2012-07-22 41 views
-1

响应式网页设计速度非常快。我知道twitter Bootstrap是可用的最佳框架作品之一。但我只是想知道其他的选择。我见过一些响应式网站,我不确定它们是否使用twitter boot strap构建。我在说的网站是smashing magazinecss tricks。有人知道他们是如何响应的,他们是否使用twitter bootstrap或任何其他框架?构建响应式网站的各种方法有哪些?

回答

1

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

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

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

+0

你的意思是大型网站不能在引导时建立 – Mike 2012-07-24 07:23:42

+0

他们当然可以。问题在于引导程序为其元素提供了特定的外观和感觉。根据您的需要,您现在可能需要它们,在这种情况下,使用12-col(或数字)网格并创建您自己的设计元素是有意义的。 – 2012-07-24 21:26:26

2

其实自适应网页设计包括三个ingridients:流体网格灵活的图像媒体查询。如果您有兴趣学习如何使用RWD技术构建网页,我建议您阅读Ethan MarcotteResponsive Web Design的书。

0

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

它们的优点是定制化,流体网格组件,媒体查询和许多其他特性/功能的水平非常高。灵活性说明了数量。

当然,这些仅仅是起点,您可以将它们定制为尽可能少或尽可能多。该社区不断产生新想法,例如bootstrapcdn.com,提供快速加载的引导文件以供使用...

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

相关问题