响应式设计有什么缺点吗?
作者:翔天盛世
发布时间:2022-07-31 15:00
浏览数:594
终于碰到自己比较在行的问题了。首先回答问题。1.可能还真不适合国内的电商类网站。 原因:因为国内的电商类网站都太复杂,整个页面都是大而乱的,巴不得把所有的内容都让你在一页内看到。这对于响应式页面来说是大忌,或者说是更本搞不了的。2.这个是要看你做的页面类型。比如说,内容型的网站,确实很适合响应式的页面,但是具有一定功能性的网站就不一定适合了。 原因:资讯型网站页面结构比较单一,适合响应式的前端页面内容微调。而具有一定功能型的网站对于页面的整体排版和样式要求较高。--------------------------------我是华丽的分割线---------------------------------对于响应式页面,很多人都以为是一种网站跨平台的解决方案。但是对于绝大部分的网站来说,其实就是一种排版技巧。只是这种排版技巧带有很多的细节调整。响应式页面的优点1.跨平台。 在手机,pad,电脑上均有不俗的表现。2.节省人力开发成本。 不再需要有人特地维护PC页面,移动页面。3.表现力一致 在不同的平台上看到的东西都是基本一致的,会让感觉体验良好。响应式页面的缺点1.自由度太低,局限性较大。 你需要考虑在手机,pad,PC上三种屏幕下的页面内元素的呈现,会导致有着非常大的局限,比如说我在PC上是横向滑动的通栏图,但是在手机和pad就是不用的。所以,你就只能用一张单一的图或者一组静态图来表达。2.页面会比较大,在当前国内渣渣2G,3G网络下打开速度会比较慢。 由于响应式页面是同时下载多套CSS样式代码,可能在手机上就下载PC/pad的冗余代码,其实毫无意义,而且浪费了流量资源。3.对于非webkit内核的浏览器支持极差(IE6,7,8等就直接悲剧了)。 对于非webkit内核的浏览器,比如说Windows Phone手机上用的IE浏览器,完全就悲剧了,彻底看不了。不过还好,现在的IOS,Android都是webkit内核,至少在80%以上的手机上可以有良好的呈现。--------------------------------我是华丽的分割线---------------------------------目前国内做响应式页面比较好的网站PingWest中文网国外比较好的Breaking News, Analysis, Politics, Blogs, News Photos, Video, Tech ReviewsWebflow当然,你还可以看看Media Queries这个网站基本罗列了国外的一些比较优秀的响应式页面的站点。可以给你一些设计时的启发。----------------------------------2014.02.15更新-----------------------------------响应式页面的前端展现其实目前有2种(我意淫的)。第一种,纯粹的响应式页面,屏幕尺寸涵盖从PC→手机屏幕的全尺寸。eg:以上例子中的 >time.com、 >webflow.com就是我们传统的响应式页面,不管用户是什么设备,我都给他提供一套CSS样式,这套CSS样式里面有PC版,pad版,手机版。这种是目前国外灰常流行的响应式页面,因为国外的浏览器市场情况是,chrome/firefox等高版本浏览已经占据主流,IE6,7等已经越来越少,基本可以不再提供支持。第二种,残疾版响应式页面,PC是独立的一套独立的页面,移动设备是另一套独立的页面。eg:搜狐的文章最终页克里:美绝不想遏制中国 应为大国关系树立榜样(可耻的说自家产品) 网易的文章最终页ipad版(原谅我没有例子)就是现在国内这种残疾型的响应式页面,由于我们海量的用户还在使用IE6这种高(keng)端( ** )产品,导致我们不得不在PC页面上对IE系列有良好的支持,这就代表以CSS3和html5等新特性不能在PC页面上展现。与此同时,由于国内三大运营商给(nao)力(can)的网络速度,导致用户要是访问传统的响应式页面会下载较多的资源,用户打开网页的速度会比较慢。所以,第二种残疾版响应式页面就有了存在的价值。以上,灰常感谢。
地址:北京珠江摩尔国际大厦
电话:18516882688
邮箱:xcni@qq.com
关注我们
Copyright @ 2010 - 2022 京ICP备11047770号-8 京公网安备11011402012373号