【问题标题】:different designs for different screen resolutions针对不同屏幕分辨率的不同设计
【发布时间】:2015-05-28 05:00:21
【问题描述】:

我有一位客户希望他们的网站转换为响应式。他们将桌面版、iPad 版和移动版的设计发给我。设计有变化。我试图告诉他们您只需要一种设计,并且响应式网站是使用流体网格完成的,这些网格将根据屏幕尺寸放置到位。我这样说对吗?

再说一遍,你会说什么是完美的响应式设计

【问题讨论】:

    标签: html twitter-bootstrap responsive-design


    【解决方案1】:

    您的客户是正确的,例如,假设他们是从桌面角度开始的网站,它在页面顶部有一个固定的导航,在它下面是一个用于展示特色图片的图片轮播,然后在它下面是主要内容区域。在右侧,他们有一个侧边栏,其中包含 Facebook 粉丝盒、电子邮件通讯注册表格的部分。最后是带有版权和社交图标的页脚。

    图像轮播在桌面和 ipad 上看起来很棒,但有时不需要将图像缩小到 420 像素的屏幕宽度以供 iPhone 使用。这就是层次结构和媒体查询的用武之地,它们用于帮助您仅显示页面上最重要的元素。我喜欢 bootstrap,它是最流行的前端框架之一。它包括 HTML、CSS 和 JS。

    【讨论】:

      【解决方案2】:

      我推荐你使用 zurb Foundation 或 getbootstrap。但可以这样想:如果您的主要关注点是移动设备,我更喜欢基础,但如果您的主要关注点是桌面,那么这两个选项都很棒

      【讨论】:

      • 您尝试使用其中的一些?如果是,如果它解决了您的问题,请将其标记为 aswer。
      猜你喜欢
      • 1970-01-01
      • 2017-03-24
      • 2013-09-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多