【问题标题】:What are the various ways to build a responsive website? [closed]构建响应式网站的各种方法是什么? [关闭]
【发布时间】:2012-10-23 06:11:46
【问题描述】:

响应式网页设计正在迅速追赶。我知道 twitter Bootstrap 是目前最好的框架作品之一。但我只是想知道其他选择是什么。我看过几个响应式网站,我不确定它们是否是使用 twitter 引导带构建的。我说的网站是smashing magazinecss tricks。有谁知道他们是如何响应的,他们使用 twitter bootstrap 还是任何其他框架?

【问题讨论】:

    标签: html css responsive-design media-queries


    【解决方案1】:

    其实响应式网页设计包含三个要素:Fluid GridFlexible ImagesMedia Queries。如果您有兴趣学习如何使用 RWD 技术构建网络,我建议您阅读 Ethan MarcotteResponsive Web Design 书。

    【讨论】:

      【解决方案2】:

      它们都使用自己的自定义 CSS 代码。对于一个有如此大量的自定义设计的网站,基于 Bootstrap 并没有多大意义。

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

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

      【讨论】:

      • 你的意思是说不能在bootstrap上构建更大的网站
      • 他们当然可以。问题是引导程序为其元素提供了特定的外观和感觉。根据您的需要,您现在可能需要它们,在这种情况下,您可以使用 12 列(或任何数字)网格并创建自己的设计元素。
      【解决方案3】:

      答案有点晚了,但现在有很多响应式前端框架: 例如Twitter BootstrapFoundation(我都是两者的粉丝)。

      它们的优势在于高度定制化、流畅的网格组件、媒体查询和许多其他特性/功能。灵活性很重要。

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2010-10-29
        • 1970-01-01
        • 2012-08-10
        • 1970-01-01
        • 2015-12-20
        • 2015-07-10
        • 2013-04-06
        相关资源
        最近更新 更多