大家怎么理解自适应与响应式-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

大家怎么理解自适应与响应式

a123456678 2016-03-25 15:29:06 1567

最近做了一个响应的网站,但是lead只给了一套1080px的PSD;说是要响应式,可以用Bootstrap或者Foundation;一番折腾之后,我决定自己写一套响应式的样式。

我发现一些问题:

1,响应式网站最起码需要三套设计以分别适应mobile,ipad,desktop(我现在只有一套1080px的PSD)。

2,响应式与自适应是有很大区别的;

3,如何合理化的规划响应式布局,请问大家是怎么做的

前端开发 iOS开发
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:14:29

    经过几分钟的搜索,我认为自适应和响应式应该都是同一个东西:responsive web design(rwd)。我没找到哪个地方说自适应不是RWD或者响应式不是RWD的。实际上在维基百科,这两个词直接是混用的

    一般来说会和RWD混淆的是所谓的fluid grid,也就是用百分比进行页面布局。后者是前者的常用手段之一。

    我觉得一般来说如果要做responsive,大概是

    先搞定中间尺寸,也就是pad~small desktop这块
    然后搞定大尺寸,往往是水平方向延伸一些元素出去
    最后搞小尺寸手机,这块一般比较复杂,经常需要JS辅助。比如把侧边栏改造成菜单按钮的弹出菜单,比如导航的重新设计等等。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程