当前位置:主页 > 网站建设 > 网站建设教程

网站建设教程

尹家三哥头像
创始人 尹家三哥seo
2019-08-25 20:28 阅读 正文:

  一张图看懂响应式(Responsive design)和自顺应技术(Adaptive design)的区别

  最近有人问客服,啥叫响应式,网站建设教程啥叫自顺应,有区别吗?你们三哥是响应式还是自顺应的。

  于是开端搜索,马上找到答案,一张图看懂区别

  自顺应(AWD)= 不同设备的代码是不一样的

  那三哥是响应式还是自顺应呢?网站建设教程这个。。。严厉的说,三哥是自顺应的,由于我们针对不同的设备停止了优化和加速。但是不同设备上的代码,又居然是90%分歧的。我们只能说,三哥九成是响应式,一成是自顺应,是这两种技术的圆满分离。

  以下是小编无聊整理的材料,勇于疑心并有耐烦的朋友能够继续阅读。

  什么是响应式(RWD)

  Ethan M. 的文章最早提出 RWD 的概念,如今公以为RWD的来源。他提出的 RWD 是采用 CSS 的 media query 技术,配合流体规划( fluid grids )和同样能够自顺应的图片/视频等资源素材。说人话的话,就是把一行分为12个格子,PC上显现12个一行,而手机上显现2个或者1个一行。所以普通响应式设计都是先画格子,再放内容。和直接上来就绝对定位的不一样。以上所说的各种,在技术上都是经过 HTML 和 CSS 就能完成的,当然偶然也会用到一点点JS。但是只需用的不多就好。普通来说,RWD 倾向于只改动元素的外观规划,而不大幅度改动内容。 Jeffrey Z. 总结十分好,把 RWD 定义为一切能用来为各种分辨率和设备性能优化视觉体验的技术吧。(其实等于没总结,人家原本就是这个意义么)简单的概括,网站建设教程网站不晓得来访的设备是什么,一切的设备都是用的同一套逻辑。纯粹的RWD十分合适CDN,这个可不是盖的。

  什么是自顺应(AWD)

  Adaptive Design 是 Aaron G. 的一本技术书的标题,网站建设教程时间要比RWD晚一些。他以为 AWD 在包括 RWD 的 CSS media query 技术以外, AWD 有可能会针对挪动端用户减去内容,减去功用。AWD 能够在网站端就停止优化,把优化过的内容送到终端上。意义就是,网站晓得用户是从手机上访问的,所以就发送手机上专用的资源给手机,这样翻开会更快些。AWD其实是CDN不友好的,由于CDN不会辨认访问设备哦,至少目前还没有一个支持。

  网站建设教程杂谈线性加强

  AWD 通常会牵扯到另外一个词:线性加强(progressive enhancement)。线性加强的意义,就是随着屏幕的大小的改动,功用会一点一点加强。Google就是线性加强技术的布道者和殉道者。为啥说殉道者呢?难道说线性加强没有用了么?你只需闭着眼睛想想,用户在PC上用过一个功用,但是在手机上怎样都找不到,他能开心不。他能不吐槽么,十万人的吐槽,你受得了吗?所以,google成为了第一个烈士。腾讯就很聪明,QQMail从一开端就说我们是线性加强的,但是一切的功用只是做了合理的躲藏。手机上和PC上的功用完整是分歧的。关于这种光说不练,Google就只能呵呵了~~

  为什么像百度、淘宝之类大公司网页不运用响应式技术?而是独立写挪动系统?

  在发布了《响应式技术是不是坑》这篇文章之后,有读者问,在手机上翻开淘宝和百度的网站,发现地址前面都有个“m”,例如:m.taobao.com, m.baidu.com。要是响应式技术像你说的那么神,为什么这些大公司不直接运用响应式技术构建网站?这样不是更省钱么?

  要答复这个问题,就要先给出结论,响应式设计并不是万能的。网站建设教程固然,我们是响应式的铁杆粉丝,但还是要供认这个事实。

  网站建设教程那么终究响应式设计合适哪些场景?

  正如我们经常看到的那样,很多中小型企业,个人博客,创业公司,开源项目,小型网店,艺术家,画家,音乐家,以至是政府和学校,都运用响应式技术,来优化他们的网站。这些页面的特性普通都是访问者和网站的交互很少,仅仅用于信息展现和获取以及点个赞什么的。需求写的兼容性代码很少,十分合适做成响应式。

  响应式设计不合适哪些场景呢?

  而像淘宝,网站建设教程京东,还有其他的重交互性系统,则不大那么合适运用响应式技术。《响应式 Web 设计》一书中提到,响应式设计应该以挪动用户的体验优先。在停止功用性设计的时分,需求优先思索挪动端的用户体验,然后才干思索计算机端的用户体验。毕竟计算机的屏幕,比手机要大很多。产品经理常常要思索,如何物尽其用并且堆砌更多的功用,所以响应式设计就不再是一个明智的选择。当然,这里有一个很重要的前提,您的技术团队,将需求维护两套代码,和两套根本不分歧的系统。这对小型创业公司几乎就是一个灾难。

热门关键词:   网站建设教程   
预约成都SEO优化师添加微信号:13980934500 了解更多优化技巧
© 著作权归作者所有
尹家三哥seo简介
尹家三哥seo创始人
6年网络营销经验,深度研究营销型SEO,熟悉高难度词SEO优化。
精通白帽SEO优化/黑帽SEO优化/网站建设/老域名注册/网络推广/微信运营等,全方位网络营销服务,让您只需坐在家里等着大量的优质客户流量!