网站的PC和WAP以及自适应网站这三者有什么区别呢？

1、含义不同：PC网站是指电脑（台式电脑和笔记本电脑）访问的网站，WAP网站是无线通讯协议的英文简称，手机WAP网站，自适应网站是使用不同设备浏览时呈现不同并陆的网页，网页内容及版式风格或相似或完全不同。

2、开发基本不同：PC网站是按电脑硬件终端展示进行程序开发的。网站内容相对更加的详细。手机WAP网站是支持手机浏览器访问的网站，是根据手机展示设计开发的。

自适应网站目的在于为了符合访客的浏览。针对一些优化人员，更习惯于做到数据库同步，使PC端的网址和内容与移动端的网址和内容一一对应。

3、访问方式不同：在二维码这一功能没有出现的时候，WAP网站和PC网站的访问方式遵循的都是搜索引擎定律，主要方式也是通过输入网址和搜索关键词进行访问。

由于WAP网站的便捷性，而且为了迎合用户少 *** 作的原则，WAP网站除了通过输入网址和搜索关键词进行访问。由于WAP网站的便捷性，而且为了迎合用户少 *** 作的原则，WAP网站除了通过输入网址和搜索关键词进行访问之外，又多了一个使用微信二维码直接访问的功能。

扩展资料：

wap网厅蔽孙络营销应用还主要集中在互联网企业上面，是各类网站开拓新功能、新阵地，寻找新业务的重要领域。

但对于传统企业而言，对于wap网站的认识还很有限，wap网站的普及和推广尚需时日。然而wap网站的广大用户市场是客观存在的事实。有市场就必须占领，如何做好传统企业在wap领域的营销活动，还是一个很新的课题。

与传统互联网一样，企业要开展wap网络营销，也需要建设自己的wap网站。虽然在表现形式上，wap网站要弱于一扮链般的网站，对于图片、动画等表现力度不够，但麻雀虽小，五脏俱全。

参考资料：百度百科-wap网站

页面自适应屏幕的方法（以下字母及标点为专业代码）：

无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。

首先，在网页代码的头部，加入一行viewport标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。即让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。

其次：

网页宽度css一定要使用百分比width: xx%，不能用绝对像素。

当然可以用width:auto

第三，流动布局 .left{float: leftwidth: ***%}

第四，选择加载css 这是自适应的关键部分 .abc{ height:300pxborder:1px solid #000margin:0 auto}  @media screen and (min-width: 1201px) {  .abc {width: 1200px}   }  /* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */    @media screen and (max-width: 1200px) {  .abc {width: 900px}   }  /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */    @media screen and (max-width: 901px) {  .abc {width: 200px}   }  /* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ 毕乱   @media screen and (max-width: 500px) {  .abc {width: 100px}   }  /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */  需要注意是CSS代码顺序，由大到小排版CSS（判断浏览器宽度越大越放前），这样是因为逻辑关系，@media 判断CSS排错将导致判断失效。

第四，图片自适应 img { max-width: 100%} 老版本的IE不支持max-width，所以只好写成：img { width: 100%}

第五、采用相对字体大小 字体也不能使用绝对大小（px），而只能使用手喊档相对大小（渗州em）。 这里最重要的，是第三条和第四条，也就是采用流动布局和css选择加载。

---