响应式的网站 响应式设计,它们的基本原则是:尽可能不要因为设备不同而导致显示不同的内容(比如在低分辩率的 终端上会删减某些内容)。试想,显示在电脑1440x900分辨率屏幕上的内容,要在手机的320x240分辨 率屏幕上显示,你会发现,可视区域变小,内容都挤一起,页面拉长,排版顺序错乱,使用困难度增加 等等。所以自适应和响应式设计,都是选择性把内容隐藏,以适应小页面,减少上述的问题出现。但这 样一来,页面的表现效果就没那么理想了,交互体验也达不到移动端的较优,把控不好网站就会给用户 不伦不类的感觉。 同一个网站风格差异却如此大,感觉就是两个网站。如果是单独设计的移动网站,它就能避免像上面响 应式网站那种显示上的突兀 百度对移动网站和电脑网站的关键词处理策略也不相同。而对于响应式的方案,不同终端访问到的网页 代码是一样的,这样就不能在电脑端和移动端设置不同的关键词。这无疑是给百度关键词优化增添了大 大的阻碍。 另外,百度的搜索排名也是有移动端和电脑端之分的。针对这方面,更适合使用独立的移动端网站专门 做移动端的百度排名,这样不会影响电脑端的百度排名,两个版本的网站百度优化也可以独立进行。 所以,如果你的网站需要进行商业推广的话,那还是独立做一个移动版网站更好,而不是使用响应式网 站。 响应式网站无法区分移动端,浪费带宽,加载耗时长。 响应式(自适应)设计的实现方式,往往是缩小或者隐藏电脑版网站的内容,使之适应移动端的窄屏。 但隐藏的内容依然会加载,低分辨率设备会加载高质量的图片或者视频,不分屏幕尺寸都提供相同大小 的网页。这样的话,响应式网站加载的内容相比非响应式网站会增加20-50%。加载内容多,速度慢,浪 费流量 响应式网站相对非响应式网站的加载耗时,一般都会延长1-2秒,在2G、3G网络情况下更严重 响应式或者自适应方案里,运用了很多html5新特性,而这些新特性只有高级的现代浏览器才支持,而 在ie6,7,8来说几乎是看不了的,甚至在ie9,10的表现也只是差强人意。