帮助中心  |  汇款信息  |  我要吐槽  |  在线咨询  |  010-86466600

您好! 请登录 注册

深量建站 - 阿里云建站服务商      快上车:抢先领取中国复工券!

深量建站 - 阿里云建站服务商

搜索

自适应和响应式网站的区别?

作者:深量菌 发表时间:2020-02-24 10:09:55

响应式是根据浏览器窗口的大小反馈不同的版式,以确保访问者可以看到浏览器当前窗口大小相匹配的内容,比较典型的如苹果官网(https://www.apple.com.cn),你可以直接在电脑上调整浏览器窗口大小,来观察网站版式的变换,也正是基于此,当浏览器窗口足够小的时候,比如像手机屏幕那么大,就是手机网站了。所以,响应式针对的是浏览器,好处就是几乎全兼容,不好的地方是维护起来非常复杂,因为你要考虑在多种分辨率下图片截取,内容多少等等。对于基本的文字图片展示还好,稍微复杂一点的功能就很难处理了,所以你仔细看苹果官网,产品页面是响应式的,但是在购物界面(https://www.apple.com/cn/shop/buy-ipad/ipad-pro)是非响应式的。


自适应是根据访问设备不同自动匹配不同的网站,即网站识别出是电脑在访问网站就会反馈PC网站,识别出是手机访问就反馈手机网站。只是这种模式不好的地方是,修改页面内容要在pc和手机两个界面上都修改,不太容易实现同步修改页面,但可以做到后台文字产品内容是相同的。好处是根据pc和手机的操作模式不同(PC分辨率大,是鼠标操作,内容可以很多,图片可以很大/手机是手指操作,要适合手指点按,图片要小,文字要少)对浏览者的体验照顾更好。兼容就意味着妥协,专门就意味着最适合。所以云梦选择的是自适应方式,并且做到了不同语言,不同终端访问都是一个相同的URL,非常有利于访客的体验和SEO。




自适应和响应式网站的区别?
长按图片保存/分享

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

深量聚焦为客户提供优质工具、优质服务、优质解决方案

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.