Html5+css3手机网站是当今网络行业的主流，这是一项高端大气的前沿技术。其实手机网站开发，一类是用框架开发的，另一类是自己手写手机网站 。

一、框架类网站

目前前端最火的框架有BootStrap、Jquery、mobile…。BootStrap自带响应式布局，而且有着移动设备优先的原则。

Bootstrap有着自带的UI样式，为不会UI设计和程序员提供了方便。而且可以做到一次开发，就可以适配所有终端，还提供了很多丰富的插件，就算你不会写JS，只要看的懂常见的API，网站效果就不会差。

二、手写手机网站

手写手机网站可以通过在网页头部添加meta标签来实现。下面我们来看看需要添加哪些meta标签。

1、  viewport标签

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />用于标记用户是否可以绽放页面，如果可以，绽放的比例是多少。

2、   禁止将数字变为电话号码

<meta name="format-detection" content="telephone=no" />

一般情况下，IOS和Android系统都会默认某长度内的数字为电话号码，即使不加也是会默认显示为电话的，so，取消这个很有必要！

3、iphone设备中的safari私有meta标签

<meta name="apple-mobile-web-app-capable" content="yes" />

它表示：允许全屏模式浏览，隐藏浏览器导航栏

4、iphone的私有标签

<meta name="apple-mobile-web-app-status-bar-style" content="black">

它指定的iphone中safari顶端的状态条的样式

其实移动网站并不像大家想象的那么难，只要有一点前端知道就可以做。