首页 » 互联美文 » 什么是自适应(响应式)?有什么优点和缺点?

什么是自适应(响应式)?有什么优点和缺点?

admin 2019-05-17 121 views 0

扫一扫用手机浏览

有的朋友在使用的时候会问:什么是自适应(又名响应式)?有什么优点和缺点?本文尝试回答下此问题。

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式


什么是自适应(响应式)?有什么优点和缺点?.jpg


关于自适应网站的一些介绍:

随着移动互联网的兴起,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。

于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。

同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?這就是自适应(响应式了)


自适应(响应式)的优缺点:

优点: 面对不同分辨率设备灵活性强;能够快捷解决多设备显示适应问题。

缺点:兼容各种设备工作量大,效率低下;代码累赘,会出现隐藏无用的元素,加载时间加长;其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果;一定程度上改变了网站原有的布局结构,会出现用户混淆的情况。

大家可以根据自身的情况选择适合自己的模板。


站长自己的观点:

如果你是个人博客网站,布局比较简单,以突出内容为重点的,建议直接使用自适应模板。

如果你是企业网站或者功能比较复杂的网站,以突出功能和交互的,建议电脑端和手机端分开做两套模板。


本文来自天兴工作室,如有侵权,请联系本站站长删除

赞(1 打赏
  • 微信
  • 支付宝
  • QQ钱包

您的支持,是我继续努力的动力!

本文转载自互联网,如有侵权,请联系我删除!

本文链接地址:https://www.chenmei.cn/10.html

最后编辑于:2019/05/17作者: admin

相关文章

如果没有企业网站,客户都找不到你!

有的企业家不理解为什么要做公司的官网?其实网站并不是在公司有一定规模才开始着手企业网站建设这件事情,而是注册公司的时候就要马上找建...

互联美文 2019-06-17 阅读112 评论1

机会太多,意味着没有机会

BAT为什么百度会落伍,当初百度的牌面是最好的,几乎是垄断利润。阿里从淘宝搞了天猫,搞了蚂蚁,还有菜鸟、云,都是独当一面了,形成了...

互联美文 2019-06-06 阅读117 评论0

百度下线搜索结果出图功能

浏览站长论坛发现,百度昨天发布公告:6月3日起将关闭【移动专区-搜索结果出图】功能,未来将由百度自己抓取,当初站长们开通这个搜索结...

互联美文 2019-06-05 阅读115 评论0

做SEO优化要怎么进行专业营销网络推广

很多中小企业在建立自己的企业网站的时候往往是为了获得良好的营销效果,想借着自己的企业网站在网络中拓宽产品销路,提高自身企业的品牌形...

互联美文 2019-05-29 阅读106 评论0

发表评论