针对不同屏幕分辨率的不同设计

时间:2015-05-12 01:55:17

标签: html5 twitter-bootstrap responsive-design

我有一位客户希望他们的网站转换为响应式。他们发给我桌面版,iPad版和移动版的设计。设计有变化。我试图告诉他们你只需要一个设计和响应式网站使用流体网格完成,这将取决于屏幕尺寸。我说的是对的。

再一次,你会说一个完美的响应式设计

2 个答案:

答案 0 :(得分:1)

您的客户端是正确的,想象一下,例如他们从桌面角度开始站点,它在页面顶部有一个固定的导航,下面是一个图像轮播,有特征图像然后在下面是主要内容区域。在右边,他们有一个侧栏,上面有一个facebook粉丝盒,电子邮件简报注册表格。最后是具有版权和社交图标的页脚。

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

答案 1 :(得分:0)

我建议你使用zurb foundation或getbootstrap。但想想这样:如果你主要关注移动我更喜欢基础,但如果你的主要关注点是桌面,那么两个选项都很棒