13046685510

　　自从移动端普及后，PC已经不是唯一可接入互联网的设备了，为了适配移动端的访问，如今绝大部分网站都会有移动端网站。当然呈现方式有多种，主要是：跳转适配、代码适配、自适应。接下去我们就简单介绍一下这三种适配方式各自的特点。

　　1、跳转适配——这种适配方式是通过代码识别浏览设备，一般是通过JS的方式进行URL重定向，自动跳转到对应的网页。也就是说，这种方式下，PC和移动端的URL不同，两者是独立的网页代码。

　　2、代码适配——这种适配方式是通过程序检测浏览器的UA标识，自动生成针对不同浏览设备的HTML代码。这种方式下，PC和移动端的URL是相同的，但会根据PC还是移动端的设备获取不同的代码，从而看到不同的界面。

　　3、自适应——这种适配方式是通过样式浏览设备的分辨率，也可以视作根据屏宽度，通过定义的Css样式呈现不同的布局。这种方式下，PC和移动端的URL是相同的，代码也是相同的，但看到的界面会有不同。

　　然后我们讨论一下以上三者的优缺点：

　　1、跳转适配——这种方式多出现于以往已经开发好了PC端网站，并且站点复杂不便于进行前端重新定制，所以另外制作一套手机版，只需通过一段JS判断即可根据访问设备跳转对应页面。好处是PC端和移动端之间代码关联度不高，开发难度小，PC和移动端修改时，互不影响。但缺点是一旦有需要调整的，代码都得修改两遍。而且访问速度不理想，会有个跳转过程，且有些浏览器会对跳转过程出现安全提示，用户体验不佳。在开发时，需要将跳转代码加在网页头部，以免花费大量时间载入页面后，又跳转到另外的网址。

　　2、代码适配——这种方式也多出现于以往已经开发了PC端网站，或者某些页面不适合做自适应开发的情况下。从用户访问的角度来说，这种代码适配方式还是较为理想的，服务器端传送给用户的HTML已经是经过判断后的代码，没有跳转过程。但对于开发人员来说，需要对原来已经发布的所有网页代码加一个适配的代码和增加手机端代码。

　　3、自适应——这种方式多应用于新建的网站，且更适合企业网站这种以纯展示为主，功能操作较少的网站。由于是一套代码通过Css样式来呈现不同的效果，所以在开发时只需开发一套代码，用户访问效果也极佳，并可以更好的适配不同分辨率或宽度的浏览设备。但对于开发人员来说，在编写样式时，需要考虑同时兼顾多种情况下的适配，而且更可能出现浏览器的兼容问题，开发难度会较其他两种高。且由于是一套代码实现，会产生一些冗余的CSS代码。

　　综上所述，无论是跳转适配，代码适配还是响应式，没有谁好谁坏的说法，必须根据实际的应用环境，开发难易度，以及现有网站还是新建网站多种方式综合考虑，选择最适合的方式进行适配。