点击最多

 

猜你喜欢

自适应和响应式网页设计之间的差异

2018-06-10 09:30

  响应性和自适应网页设计是创造这两种方法多设备浏览的网站,可以在多种屏幕尺寸的工作。虽然响应的网页设计由谷歌推荐,是目前比较流行的两种方法,这两种方法对多设备的网页设计有自己的长处和自己的短处。

  响应和自适应网页设计之间的最显著不同的是在这些解决方案被应用于一个网站的方式。由于响应式设计创建了一个完全流动布局,最好是在哪里你项目中使用重新设计起来的网站。试图现有网站的代码,成为响应往往是一个艰苦的事情,因为你根本就没有控制的水平,如果你是从头开始开发这些代码,并采取响应的设计考虑到了这一过程的最早阶段。如果您正在使用现有的固定宽度的网站工作,自适应方法意味着你可以离开该网站是专为完整的尺寸,并根据需要额外自适应添加断点。在某些情况下,如果一个项目的预算是小,如果它只会容纳的开发工作少量的,你可以选择只为小屏幕/移动为中心的大小增加新的自适应断点。这意味着您将允许更大的屏幕,都使用相同的布局。

  在我们进入我们的身边并排的响应性和自适应网页设计的比较,让我们花点时间来看看这两种方法的高层次的定义。网站的响应有一个流体布局,改变和适应,无论所使用的屏幕尺寸。自适应设计,采用基于预先确定的断点固定尺寸为客户提供最合适的布局版本因为这是当第一次加载页面发现屏幕尺寸。有了这些广泛的定义,让我们来谈谈我们关注的重点领域。

  自适应网站需要对屏幕尺寸的检测无论是服务器端组件或Javascript。显然,如果一个自适应网站需要JavaScript,这意味着浏览器需要有它启用,以使该站点正常工作。这可能不是一个大问题,因为大多数人都会有使用Javascript在他们的浏览器。网站的响应和动力他们查询将在所有现代浏览器正常工作。你将有唯一的问题是用最古老的版本的Internet Explorer自8及以下版本不支持查询。要解决此,一个Javascript填充工具经常使用,这意味着有JavaScript的依赖在这里为好,至少在IE浏览器的那些过时的版本。同样,这可能并不多你一个问题,特别是如果你的网站的分析表明您没有收到使用这些旧版浏览器众多参观者。

  响应网站的优势之一是,他们的流动性使他们适应并支持所有的屏幕尺寸,而不是只在一个自适应的方法确定的预先设定的断点。然而事实是,响应网站可以看一些关键的屏幕尺寸(对应于市场上流行的设备一般大小)很大,但视觉设计往往打破了这些流行的分辨率之间。

  具有自适应网站,你有被使用过的各种布局跟设计控制,因为它们是基于已建立的断点固定的大小。这些尴尬的状态在两者之间是没有问题的,再因为你精心设计的每一个断点的显示屏,将交付给参观者。