响应式网站与自适应网站比较

Adaptive website（自适应网站）应对在浏览器的宽度变化不调整网页元素的位置，缩放网页元素，以适应在可用空间。

Responsive website （响应式网站）应对在浏览器的宽度变化通过调整网页元素的位置，以适应在可用空间。

PS：真不知道为什么很多人都把自适应网站与响应式网站混为一谈。（自适应网站！=响应式网站）

开发难度比较

自适应网站开发起来比较既复杂（不同屏幕的适配控制）又简单（独立于PC端），但是容易维护与调试（只有移动端的处理事件）。

响应式网站开发起来比较既简单（只需通过媒体查询来调整）又复杂（与PC端网页元素耦合度大），但是不容易调试与维护（绑定了移动端与手机端的处理事件）。

页面性能比较

自适应网站只有移动端的布局与样式（内容少），下载到浏览器立刻显示，所以性能快。

响应式网站不仅有移动端的布局与样式，还有PC的布局与样式（内容多），下载到浏览器之后进行网页布局调整再显示，所以性能慢。

PS：响应式网站也有提高性能的方法，就是针对屏幕加载不同的媒体查询样式，选择性加载资源。但是性能依然不如自适应网站。

用户体验比较

响应式网站保证PC端与移动端的一致性，流式布局。

自适应网站保证移动端更友好的体验。

SEO比较

自适应网站不容易聚集网站权重，但可以通过重定向进行聚集权重。

响应式网站容易聚集网站权重，容易把移动端的权重与PC端的权重叠加，提高网站排名。

PS:这种做法是电脑端与移动端使用单独的网址。

总结：推荐开发自适应网站，追求性能与用户体验。（大多数的互联网公司都是web PC端与移动端分离的）

响应式网站不适合开发一些比较复杂的网站。（涉及一些动画交互效果，页面元素过多）

建议开发一套响应式电脑网站（过渡到平板端，不过渡到手机端）和开发一套响应式手机端网站（过渡到平板端以下的尺寸，不过渡到平板端）

转载于:https://www.cnblogs.com/Sroot/p/5924391.html

响应式网站与自适应网站比较相关推荐

织梦cms响应式站长导航分类网站模板（自适应手机版）
介绍: (自适应手机版)响应式站长导航分类网站模板是一款简洁的站长导航工具, 网址导航收录介绍,站长导航管理,站长导航分类网站响应式织梦模板dedecms下载. 包含:技术资源.博客大全.休闲娱乐.企 ...
HTML5响应式企业集团织梦模板,（自适应手机版）响应式企业集团通用类网站织梦模板 HTML5响应式大气通用企业织梦源码+PC+wap+利于SEO优化...
名称:(自适应手机版)响应式企业集团通用类网站织梦模板 HTML5响应式大气通用企业织梦源码+PC+wap+利于SEO优化该模板是非常容易存活的,这样的网站很容易吸引访客点击,提升ip流量和pv是非 ...
响应式网站和自适应网站是怎么样区分的？
很长一段时间以来,都以为响应式网站就是自适应网站,这是两个一样的概念.后来机缘巧合认识了一位前端大拿,给我好好上了一课,终于能把这两种网站前端表现形式给讲透了.现摘录如下: 1.响应式网站由来最开始 ...
(自适应手机端)响应式勘察设计院蓝色网站pbootcms模板政府单位商会协会网站源码下载
(自适应手机端)响应式勘察设计院蓝色网站pbootcms模板政府单位商会协会网站源码下载 PbootCMS内核开发的网站模板,该模板适用于政府单位网站.勘察设计院网站等企业,当然其他行业也可以做,只 ...
苹果cms10好看的模板苹果cmsV10响应式视频影视电影网站源码
苹果cms10好看的模板苹果cmsV10响应式视频影视电影网站源码苹果cms10好看的模板精简宽屏大气苹果CMSv10自适应模板苹果cms10好看的模板自适应_苹果cmsv10高端模板_苹果cms ...
HTML5响应式企业集团织梦模板,响应式HTML5信息产业企业集团网站织梦模板
★模板介绍★ 响应式HTML5信息产业企业集团网站织梦模板,测试完整无错,兼容主流浏览器. 模板包含安装说明,并包含测试数据. 本模板基于DEDECms 5.7 UTF-8设计,需要GBK版本的请自己 ...
div+css的布局方式进行设计成品作业_原创响应式php企业成品网站,清晰风格版
原创响应式php企业成品网站,清晰风格版,适合做农业,茶叶,特产,美食等食品类企业官网使用,此风格颜色可以根据你的需求改,整个设计简洁大气,代码精简规范. 手工书写DIV+CSS,完美兼容IE7+.F ...
php博客手机版模板下载器,【织梦模板下载】高端响应式游艇租赁类网站模板(自适应手机端) PHP源码带数据...
模板名称: 响应式游艇租赁类网站织梦模板(自适应手机端)+PC+wap+利于SEO优化模板介绍: 织梦最新内核开发的模板,该模板属于电缆.电线类企业都可使用, 这款模板使用范围极广,不仅仅局限于一类 ...
HTML5响应式手机软件下载网站源码 APP应用软件下载站pbootcms模板
HTML5响应式手机软件下载网站源码 APP应用软件下载站pbootcms模板小子在本地亲测了一下,是一套不错的手机软件下载源码,之前见过不少帝国cms做的软件下载站,这个感觉更棒一些,页面简洁大方, ...

响应式网站与自适应网站比较

响应式网站与自适应网站比较相关推荐

最新文章

热门文章