随着移动互联网的发展，给自己企业的网站创建一个移动WAP站已经成为企业网站的必然选择，微信营销分享、移动搜索都离不开他！那么已经有PC版网站的，怎么样创建手机版的网站呢？万维景盛工程师为您分享手机版网站的技术实现方式。

手机版最核心的技术要领就是要适配手机屏幕，PC版的网页其实也可以在手机上访问，只不过浏览时文字很小，看不清，体验不好，那么要通过适配技术在小屏幕上显示合适的尺寸。

那么适配技术怎样实现呢？根据用户需求的不同，可以分为以下几种模式：

1、客户端CSS控制适配。

特点：PC版和手机版URL网址不变，网页内容一样，只是显示不一样，不会增加服务器负载，不需要后端程序开发，只需要前端设计人员调整CSS即可。适合没有后台程序员的企业网站。

代码：需要在header标签中加上自适应的meta代码

<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" media="screen and (min-width:0px) and (max-width: 767px)" />    
<meta name="apple-mobile-web-app-capable" content="yes" />

要领：在pc浏览器通过css显示pc版的html代码，在手机浏览器通过css调用wap版的代码。

2、客户端HTML5自适应

特点与模式1相近。代码更加简洁，不需要设计2份HTML代码，一份代码2种显示方式，并根据客户端浏览器判断自动调整宽度和字号。

代码：

<meta content="yes" name="apple-mobile-web-app-capable"/>    
<meta content="yes" name="apple-touch-fullscreen"/>    
<meta content="telephone=no,email=no" name="format-detection"/>    
<meta name="MobileOptimized" content="240"/>     
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />

3、服务器端自动匹配不同的模板

特点：网站需要设计两套模板，分别是PC版和WAP版，URL不变，这要求网站的应用层和展示层是分离的，如果没有模板机制那么就需要用模式4。只需要后台简单添加判断函数，前台多设计一套手机版的模板即可，不需要整体重新设计，适合以前只有PC版网站又要新增手机版的企业。万维景盛工程师提醒您，程序需要开源的，如果闭源了就无法修改程序了。

代码：需要调用客户端硬件或浏览器判断函数，asp和php都有现成的判断手机屏幕的函数，在每一个调用模板的地方，加上这个终端判断的函数，实现浏览的终端不同，调用的模板不同。

4、服务器端自动跳转到独立手机站

特点：手机版和PC版完全不同，程序和前端展示页面都可以独立设计，方便实现不同的功能和特点。比如手机端实现特别的促销等。当然，这样开发的工作量也较大，更新不能同步，运维比较费精力，适合大企业用户。

代码：同样需要调用模式3的终端判断函数，不过这里判断函数运行后，并不调用不同的模板，而是让网址跳转到手机版对应的网址。

综上来看，模式3是有了PC版网站的企业再建手机版网站的最佳选择，网站访问体验好，URL地址不变，开发工作量相对较少，内容更新同步，好维护。万维景盛工程师提醒您，如果想进行网站改版或者建手机网站，可以联系客服电话01057180806或者QQ 442956988 万维景盛设计师将竭诚为您服务！