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

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

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