![](http://2.bp.blogspot.com/_fBFlCHxWBE8/SPn9ZJcqqUI/AAAAAAAAAEU/QTqVlutrDj8/s320/%E7%89%B9%E6%80%A7%E8%AF%B4%E6%98%8E1.bmp)
全网型网站有很多特性,这些特性帮助网站为web客户和wap客户同时提供良好的客户体验。下面简单介绍一下这些特性。
1、layout自适配
layout自适配是指页面的各个部分可以根据客户端浏览器(web浏览器、wap浏览器)的类型和浏览器的大小,选择显示或者不显示及显示的位置。
这里我们只以显示或者不显示为例进行说明。如图所示:我们的页面分为header部,footer部,body部,共
![](http://3.bp.blogspot.com/_fBFlCHxWBE8/SPnkKmJpfqI/AAAAAAAAAEM/7b3rT6XkoKc/s320/%E7%89%B9%E6%80%A7%E8%AF%B4%E6%98%8E2.bmp)
![](http://4.bp.blogspot.com/_fBFlCHxWBE8/SPnj9YYjzqI/AAAAAAAAAEE/mnN-nQaJaoM/s320/%E7%89%B9%E6%80%A7%E8%AF%B4%E6%98%8E3.bmp)
2、电话号码自适配
电话号码自适配是指对web浏览器,电话号码直接显示;对于wap浏览器,电话号码显示为一个超链接。
在wap浏览器中点击超链接,手机就会直接拨打电话。对于商务型网站而言,这是一个必须具备的功能。左图分别标记出了web浏览器和wap浏览器的现实效果。
3、图片适配
图片适配根据浏览器类型(web浏览器和wap浏览器)、wap浏览器支持的图片类型和wap浏览器
![](http://4.bp.blogspot.com/_fBFlCHxWBE8/SPn-v_OdbhI/AAAAAAAAAEc/vKE7Vsn76VI/s320/%E7%89%B9%E6%80%A7%E8%AF%B4%E6%98%8E5.bmp)
![](http://2.bp.blogspot.com/_fBFlCHxWBE8/SPoBKPTp6cI/AAAAAAAAAEs/VpbWSUzy1wQ/s320/%E7%89%B9%E6%80%A7%E8%AF%B4%E6%98%8E4.bmp)
对于web浏览器图片,适配处理后的结果是显示较大一些的图片(适合于web浏览器)。
对于wap浏览器,适配处理后的结果是显示wap浏览器支持的图片类型,同时是较小一些的图片(适合于wap浏览器)。
还有一些特性包括 表格适配、 标签语言适配、 script适配、 文件上传适配等,会在全网型网站特征介绍的后续文章中说明。希望大家期待。