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頂端的狀態條的樣式

其實移動網站并不像大家想象的那么難，只要有一點前端知道就可以做。