呼应式网站与自习惯网站差异比较

导语   Adaptive website(自习惯网站) 应对在阅览器的宽度改变不调整网页元素的方位,缩放网页元素,以习惯在可用空间。  Responsive website (呼应式网站) 应对在阅览器的宽度改变经过

  Adaptive website(自习惯网站)            应对在阅览器的宽度改变不调整网页元素的方位,缩放网页元素,以习惯在可用空间。

  Responsive website (呼应式网站)        应对在阅览器的宽度改变经过调整网页元素的方位,以习惯在可用空间。

  PS:真不知道为什么许多人都把自习惯网站与呼应式网站相提并论。(自习惯网站!=呼应式网站)

  开发难度比较

  自习惯网站开发起来比较既杂乱(不同屏幕的适配操控)又简略(独立于PC端),可是简略保护与调试(只要移动端的处理事情)。

  呼应式网站开发起来比较既简略(只需经过媒体查询来调整)又杂乱(与PC端网页元素耦合度大),可是不简略调试与保护(绑定了移动端与手机端的处理事情)。

  页面功用比较

博学谷

  自习惯网站只要移动端的布局与款式(内容少),下载到阅览器马上显现,所以功用快。

  呼应式网站不只有移动端的布局与款式,还有PC的布局与款式(内容多),下载到阅览器之后进行网页布局调整再显现,所以功用慢。

  PS:呼应式网站也有进步功用的办法,便是针对屏幕加载不同的媒体查询款式,选择性加载资源。可是功用仍然不如自习惯网站。

  用户体会比较

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

  自习惯网站确保移动端更友爱的体会。

  SEO比较

  自习惯网站不简略集合网站权重,但能够经过重定向进行集合权重。

  呼应式网站简略集合网站权重,简略把移动端的权重与PC端的权重叠加,进步网站排名。

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

  总结:引荐开发自习惯网站,寻求功用与用户体会。(大多数的互联网公司都是web PC端与移动端别离的)

          呼应式网站不适合开发一些比较杂乱的网站。(触及一些动画交互作用,页面元素过多)

          主张开发一套呼应式电脑网站(过渡到平板端,不过渡到手机端)和开发一套呼应式手机端网站(过渡到平板端以下的尺度,不过渡到平板端)
 

  百分比宽度布局

  流式布局

  榜首派,宽度运用百分比,文字运用 em,现在也许多开始运用rem了,也便是所谓的高清计划。第二派的布局以 iGoogle 为代表(现已中止)。

  一开始没有呼应式布局这个词语,可是渐渐出现了一个词——渐进增强,新词的出现总是随同的旧词一同出现。就比方 3G 出现之前,没人管自己的手机叫 2G,所以,3G 和 2G 两个词是一同出现的(技能上当然2G技能先出现)。同理,渐进增强出现后,另一个词「高雅降级」也随之出现了。

  词的意思能够自己看 wiki、Google,我只在这儿举一个比方,gmail 和 qqmail。

  他俩的宽度都是 100%,都是自习惯。可是:

  qqmail 便是 css hack 的完美表现,你用任何一个阅览器,简直能够看到同一个姿态的邮箱,腾讯的BETWAY登录工程师们用各种 css hack 技能来展现邮箱页面,为的是一致的用户体会。

  而 gmail 运用了渐进增强,你的阅览器越强,你看到的作用就越好,用户体会就越好。

  再后来,便是咱们都熟知的 Google 发布了 android,所以互联网大战从 PC 打到了手机。还有 HTML5 规范的发布。

  手机尽管屏幕变小了,可是却供给了更丰厚的功用。还记得曾经用诺基亚上 QQ 的事儿吗?咱们拜访的是 3g.qq.com,其时我运用的是中兴的手机,拜访 wap.qq.com,在后来的智能手机都是拜访 m.qq.com。

  不由有人问「真的需求为每个手机别离规划一个网页吗?」、「真的需求为手机和电脑规划不同的网页吗?」,处理办法当然有许多种,能够看看 css zen garden(《Css隐秘花园》仍是很不错的一本书, 信任做过BETWAY登录的都看过这个网站,一个奇特的网站。

  终究的处理计划胜出者是呼应式布局。

  呼应式布局被咱们熟知的一个重要原因便是 twitter 开源了 bootstrap。Google 榜首次完结了从前驱到勇士。

  下面再从直观一点的来看,呼应式和自习惯的差异:

  首要两种方法处理问题的是不一样的。

  自习惯是为了处理怎样才能在不同巨细的设备上出现相同的网页

\

  手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(现在干流宽度是1366×768),有的还达到了2000像素。相同的内容,要在巨细悬殊的屏幕上,都出现出满足的作用,并不是一件简略的事。

  许多网站的处理办法,是为不同的设备供给不同的网页,比方专门供给一个mobile版别,或许iPhone / iPad版别。这样做当然确保了作用,可是比较费事,一起要保护好几个版别,并且假如一个网站有多个portal(进口),会大大添加架构规划的杂乱度。

  所以,很早就有人想象,能不能"一次规划,遍及适用",让同一张网页主动习惯不同巨细的屏幕,依据屏幕宽度,主动调整网页内容巨细

\

  可是无论怎样,他们主体的内容和布局是没有变的。

  呼应式的概念应该覆盖了自习惯,并且包括的内容更多。

  自习惯仍是暴露出一个问题,假如屏幕太小,即便网页能够依据屏幕巨细进行适配,可是会感觉在小屏幕上检查,内容过于拥堵,呼应式正是为了处理这个问题而衍生出来的概念。它能够主动识别屏幕宽度、并做出相应调整的网页规划,布局和展现的内容或许会有所改变。假如下面的网址,屏幕宽度大于1300像素,则6张图片并排在一行。

http://www.nucmc.com/ true 呼应式网站与自习惯网站差异比较 http://www.nucmc.com/show-24-1118-1.html report 2790   Adaptive website(自习惯网站) 应对在阅览器的宽度改变不调整网页元素的方位,缩放网页元素,以习惯在可用空间。  Responsive website (呼应式网站) 应对在阅览器的宽度改变经过
本站欢迎任何方式的转载,但请有必要注明出处,尊重别人劳动成果
转载请注明: 文章转载自:BETWAY官网网 http://www.nucmc.com/show-24-1118-1.html
BETWAY官网网 Copyright 2012-2014 www.nucmc.com All rights reserved.(晋ICP备13001436号-1)