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

news/2024/5/14 18:07:19/文章来源:https://blog.csdn.net/weixin_30846599/article/details/96894615

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

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

PS:真不知道为什么很多人都把自适应网站与响应式网站混为一谈。(自适应网站!=响应式网站)

 

开发难度比较

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

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

 

页面性能比较 

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

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

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

 

用户体验比较

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

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

 

SEO比较

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

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

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

 

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

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

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

         

       

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_820984.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站重定向次数过多怎么解决_面试官:CPU飙高及Full GC次数过多怎么排查?

处理过线上问题的同学基本上都会遇到系统突然运行缓慢,CPU 100%,以及Full GC次数过多的问题。当然,这些问题的最终导致的直观现象就是系统运行缓慢,并且有大量的报警。本文主要针对系统运行缓慢这一问题,提供该问题的排…

网站服务器无法打开ie,internet explorer无法打开站点怎么办

Internet explorer无法打开站点原因与解决办法:1.由于网站本身的原因或网站服务器原因可能导致Internet Explorer无法打开解决办法:我们可以尝试多打开几个网页试试。最好打开一些指名网站,如百度、163等门户网站试试。这里需要注意的是&…

ASP.NET Core 一步步搭建个人网站(7)_Linux系统移植

摘要 考虑我们为什么要选择.NET Core? 因为它面向的是高性能服务器开发,抛却了 AspNet 的臃肿组件,非常轻量,加上微软的跨平台战略,对 Docker 的亲和性,对于开发人员也非常友好,所以整体环境来说…

七、随需应变:网站的可扩展架构

为什么80%的码农都做不了架构师?>>> (1)构建可扩展的网站架构 (2)利用分布式消息队列降低系统耦合性 1.事件驱动架构。 通过低耦合的模块之间传输事件消息,以保持模块的松散耦合,…

django搭建一个小型的服务器运维网站-重启服务器的进程

目录 项目介绍和源码; 拿来即用的bootstrap模板; 服务器SSH服务配置与python中paramiko的使用; 用户登陆与session; 最简单的实践之修改服务器时间; 查看和修改服务器配置与数据库的路由; 基于websocket的实时日志实现…

Bootstrap手机网站开发案例

Bootstrap手机网站开发案例 一、总结 一句话总结:Bootstrap手机网站开发注意事项(3点):a、引入viewpoint声明,b、通过屏幕宽动态控制元素显隐 c、图片添加自适应 1、Bootstrap手机网站开发注意事项(3点&…

seo学习_网站用户体验提升的关键点_网站优化技术_百度SEO教程

如果想系统的学习SEO技术的话,那么首先最好搭建一个网站,从关键词的布局、引流和转化率等多个方面明确学习方法,很多新手在刚刚接触SEO行业的时候,可能对于一些专业术语并不了解,由于我国国内并没有专业和系统的SEO课程…

java客服系统_网站常见问题1分钟定位-如何使用ARMS诊断Java服务端报错问题

我的网站为什么一错再错网页报错,尤其是5XX错误是互联网应用最常见的问题之一。5XX错误通常发生于服务端。服务端是业务逻辑最复杂,也是整条网络请求链路中最容易出错、出了错最难排查的地方。运维工程师与研发工程师排查此类问题,通常要通过…

做一个网站需要多少花费?

我是今年清明节(4.5)之后开始做自己的网站,这周(6.20号左右)网站正式上线。由于在上班,利用下班时间和周末,陆陆续续做了3个月,勉强做了个能打开,有内容(对&a…

关于网站自动链接

转载自谷歌中文网站管理员博客 好网站的特性好的网站通常内容丰富、更新及时。好的网站往往链接其他好网站,同时也吸引更多点击。自然的链接是谷歌页面排名算法决定排名的因素之一,但是,很多网站管理员认为“反向链接越多,网站的排…

lemon oa mysql_CMS4J网站内容管理系统

CMS4J 2010 来了! 第 3 代核心,第 4 大版本!第 5 年持续研发!CMS4J 2010 是专业的 JAVA / JSP 版网站管理系统(JAVA CMS / JSP CMS),采用CMS4J第3代核心,有着更易于使用的管理界面,同时&#x…

网站架构演化

准备写一系列的博客来介绍和加深理解大型网站技术架构。 说道大型网站,就的先说大型网站的特点:高并发,大流量,高可用,海量数据等。下面就说说大型网站的架构演化过程吧。 1、初始化阶段的网站架构 早期阶段都比较简单…

一个利用ISA2006发布自己做的一个网站报错记录

1.客户在IIS6里面新建网站,在内部浏览到网页正常。2.透过ISA发布后,发现无法打开,报错。3.解决方法:发布规则中,侦听器--身份验证---高级----允许通过HTTP进行客户端身份验证。

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么…

会员管理系统--网站会员中心,会员接口,自动化处理任务

界面 项目说明 会员中心,这个系统,包含网站中的会员中心,后台的会员管理功能,提供给其他系统的会员API,以及会员相关的自动化任务。 项目功能 计划实现的会员中心功能单元如下: member-api-server&#xf…

10个最佳网站查找和下载Windows和Mac的免费字体

选择合适的字体已成为设计的一个重要组成部分,为了网站的知名度用具有吸引力的字体起着非常重要的作用,在网站带来流量。在这里,今天分享给大家10个网站,提供用于Windows以及为Macintosh的一个优秀的免费字体大集合。 1。UrbanFon…

烂泥:纠结一天的zencart网站问题,终于解决了

本文由51cto.com提供友情赞助,首发于烂泥行天下。本人的博客本来是存放在网站根目录下的wp文件夹下的,访问也正常,一切都正常。但是感觉还是不舒服,因为访问的时候要输入:http://www.lanni654321.com/wp,才…

基于AlipayJSBridge封装的H5网页支付宝打赏、网站打赏、个人免签支付,支付宝转账打赏支付组件

之前公司要做个打赏用户的功能,网站查询一些资料之后把一些api封装之后提供了一个demo组件供大家下载:扫描下图二维码 功能: 支付宝H5 Js方案,调起应用内页面,自动设定转账金额和收款理由,用户付款时可…

超牛SEO经验:新站如何做到秒收和快速排名首页

超牛SEO经验:新站如何做到秒收和快速排名首页在SEO百科看到这个SEO标题进来之后,你一定会觉得惊讶!新站是如何做到秒收的?在淘宝,还有人以欺负SEO新手的无知,开出了800元秒收的高价;在QQ群&…

Shareoint Server 2013 Step By Step之管理网站权限级别

管理权限级别在SharePoint Server中,我们可以对用户或用户组分配网站权限,当用户添加到SharePoint组的时候,其实也通过SharePoint组直接分配了权限给该用户,下面我们了解下如何在SharePoint站点中给用户或用户组分配权限。权限级别…