iou90 发表于 2013-4-21 20:49

是否所有网站或者什么样的网站或WEB应用该采用响应式布局

想对响应式设计的应用领域作个讨论,它该应用到所有类型的网站上吗?还是有些类型的网站根本就不适合采用响应式设计(或者说为移动而重构(不是指专门开发wap页))?请尽量不要提及native apps与web apps的讨论,感谢。之所以对这个问题有所困惑一是关于此话题的探讨较少人提起,而且像是各类型的网站也都有采用响应式设计,比如媒体网站(如http://ifanr.com);互联网公司或其产品主页(如http://opera.com);个人网站(http://colly.com,这种最多,尤其是设计师的)。

关于响应式布局设计,http://alistapart.com/article/responsive-web-design

丝般顺滑 发表于 2013-4-21 21:24

ov_efly 发表于 2013-4-21 21:41

要面向移动和平板
那么使用响应式布局
当然如果你有精力维护两套代码
移动一套,桌面一套
那么不使用也是可以的
主要不就是为了省力么

kitano 发表于 2013-4-22 00:05

http://book.douban.com/subject/21263576/
看这本书就好了

iou90 发表于 2013-4-22 13:36

要是对css3支持度高的话是不需要俩样式表的…当然现在这情况是不得不考虑…

感谢ls推书,btw
    —— from S1 Nyan

jun4rui 发表于 2013-4-22 15:28

normanzb 发表于 2013-4-22 15:49

responsive 的维护成本上要比维护2套来得小吧,内容出错的可能性也比较小,维护时不容易忘记同步修改,手机版上一个页面修改了内容,我不用到desktop版上再改一次。当然要建立在没有猪队友的情况下。

但是麻烦的是,测试变的繁琐了,假设兼容 4 个浏览器,支持3种分辨率的布局,那么就是 4 * 3 =12不同的测试……

normanzb 发表于 2013-4-22 15:51

引用第4楼iou90于2013-04-22 13:36发表的:
要是对css3支持度高的话是不需要俩样式表的…当然现在这情况是不得不考虑…

感谢ls推书,btw
    —— from S1 Nyan images/back.gif


你是说用media query么? 感觉media query 用类似headjs的办法也是可以替代的,没说必须要css3啊

tonyunreal 发表于 2013-4-22 17:07

看了一下楼主贴的链接,这东西貌似京东在用吧
而且这玩意貌似跟网页缩放有冲突……

我的习惯是浏览器开成4:3左右比例的窗口(上下拉到最大),然后用缩放调成比较舒服的比例,这样网页可视区域大概相当于1024x768满屏
但是遇上这种动态布局网站就会在一行塞下很多东西,导致显示内容超出显示区域,出现左右滚动条
为了适应这种网站就得手动把网页缩放调小一个等级再看,无比蛋疼

wakiz 发表于 2013-4-22 17:41

引用第6楼normanzb于2013-04-22 15:49发表的:
responsive 的维护成本上要比维护2套来得小吧,内容出错的可能性也比较小,维护时不容易忘记同步修改,手机版上一个页面修改了内容,我不用到desktop版上再改一次。当然要建立在没有猪队友的情况下。

但是麻烦的是,测试变的繁琐了,假设兼容 4 个浏览器,支持3种分辨率的布局,那么就是 4 * 3 =12不同的测试…… images/back.gif

测试就看巨硬的了……
http://www.modern.ie/zh-cn

BTX 发表于 2013-4-22 22:27

感觉没必要吧,这部分可以交给浏览器做?
比如UC云技术对网页进行预处理

iou90 发表于 2013-4-23 12:04

转码?baidu的就够恶心的了google也弄出来一个实在煞笔的不行
    —— from S1 Nyan

endrollex 发表于 2013-4-23 21:15

分辨率越来越多,估计以后也没什么完美的解决方案,因为这块设计因素多于技术

交给浏览器肯定不完美啦

宅男的爱 发表于 2013-4-24 09:34

响应式说穿了还是前期代码成本和后期维护成本找平衡点的问题

技术理论上没什么好说的——理论上所有站点都应该真·静态化呢
页: [1]
查看完整版本: 是否所有网站或者什么样的网站或WEB应用该采用响应式布局