【发布时间】:2015-05-28 05:00:21
【问题描述】:
我有一位客户希望他们的网站转换为响应式。他们将桌面版、iPad 版和移动版的设计发给我。设计有变化。我试图告诉他们您只需要一种设计,并且响应式网站是使用流体网格完成的,这些网格将根据屏幕尺寸放置到位。我这样说对吗?
再说一遍,你会说什么是完美的响应式设计
【问题讨论】:
标签: html twitter-bootstrap responsive-design
我有一位客户希望他们的网站转换为响应式。他们将桌面版、iPad 版和移动版的设计发给我。设计有变化。我试图告诉他们您只需要一种设计,并且响应式网站是使用流体网格完成的,这些网格将根据屏幕尺寸放置到位。我这样说对吗?
再说一遍,你会说什么是完美的响应式设计
【问题讨论】:
标签: html twitter-bootstrap responsive-design
您的客户是正确的,例如,假设他们是从桌面角度开始的网站,它在页面顶部有一个固定的导航,在它下面是一个用于展示特色图片的图片轮播,然后在它下面是主要内容区域。在右侧,他们有一个侧边栏,其中包含 Facebook 粉丝盒、电子邮件通讯注册表格的部分。最后是带有版权和社交图标的页脚。
图像轮播在桌面和 ipad 上看起来很棒,但有时不需要将图像缩小到 420 像素的屏幕宽度以供 iPhone 使用。这就是层次结构和媒体查询的用武之地,它们用于帮助您仅显示页面上最重要的元素。我喜欢 bootstrap,它是最流行的前端框架之一。它包括 HTML、CSS 和 JS。
【讨论】:
我推荐你使用 zurb Foundation 或 getbootstrap。但可以这样想:如果您的主要关注点是移动设备,我更喜欢基础,但如果您的主要关注点是桌面,那么这两个选项都很棒
【讨论】: