适应性站点设计布局有其自身的优势,因为它们实现起来更便宜、更容易测试,这通常使它们成为更实际的解决方案。适应性网站设计布局可以看作是响应式网站设计布局的“穷兄弟”,在资源有限的情况下可以启动。在改进现有站点时尤其如此,因为此时完全重写代码是不可行的。在这种情况下,使用自适应的网站设计布局是一个很好的起点。

首先,适应性网站设计布局和响应式布局并不是解决问题的相同方法。

自适应是解决如何在不同大小的设备上呈现相同的网页

手机屏幕相对较小,宽度一般小于600像素;PC屏幕宽度一般在1000像素以上,有的高达2000像素。同样的内容在不同尺寸的屏幕上呈现出令人满意的结果并不容易。

许多网站的解决方案是为不同的设备提供不同的页面,例如手机版或iPhone/iPad版。虽然这样可以保证效果,但同时维护多个版本是很麻烦的。另外,如果一个网站有多个门户,会大大增加架构设计的复杂性。

因此,能否“一次设计,普遍适用”,使同一个网页能够自动适应不同大小的屏幕,并根据屏幕宽度自动调整网页内容的大小,一直是人们思考的问题

然而,他们的主题内容和布局没有改变。适应仍然暴露出一个问题。如果屏幕太小,即使网页可以根据屏幕大小进行调整,在小屏幕上观看时也会感到内容过于拥挤。回应的概念应该包括适应和更多。响应公式是从解决这一问题中衍生出来的一个概念。

响应式网页设计的概念是网页的设计和开发应根据用户行为和设备环境(系统平台、屏幕大小、屏幕方向等)进行响应和调整。具体的实践模式包括很多方面,包括弹性网格和布局、图像、csssmedia查询的使用等,无论用户使用的是笔记本电脑还是iPad,我们的页面都应该能够自动切换分辨率、图像大小和相关脚本功能,以适应不同的设备;换句话说,页面应该能够自动响应用户的设备环境。响应式网页设计是指一个网站可以与多个终端兼容,而不是为每个终端制作一个特定的版本。这样,我们就不必为即将推出的新设备进行特别的版本设计和开发。

那么,企业在选择建设网站时,应该选择适应性网站还是响应式网站?什么样的网站项目适合自适应布局?什么样的网站适合响应式布局?

理论上,响应式布局在任何情况下都比自适应布局好,但是自适应布局在某些情况下更实用。