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

Question

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

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

Answer 1

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

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