福利视频一区二区_亚洲精品自产拍_一区二区日韩av_av在线精品

 Html5+css3手機網(wǎng)站是當今網(wǎng)絡行業(yè)的主流，這是一項高端大氣的前沿技術。其實手機網(wǎng)站開發(fā)，一類是用框架開發(fā)的，另一類是自己手寫手機網(wǎng)站 。

一、框架類網(wǎng)站

目前前端最火的框架有BootStrap、Jquery、mobile…。BootStrap自帶響應式布局，而且有著移動設備優(yōu)先的原則。

Bootstrap有著自帶的UI樣式，為不會UI設計和程序員提供了方便。而且可以做到一次開發(fā)，就可以適配所有終端，還提供了很多豐富的插件，就算你不會寫JS，只要看的懂常見的API，網(wǎng)站效果就不會差。

二、手寫手機網(wǎng)站

手寫手機網(wǎng)站可以通過在網(wǎng)頁頭部添加meta標簽來實現(xiàn)。下面我們來看看需要添加哪些meta標簽。

1、  viewport標簽

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />用于標記用戶是否可以綻放頁面，如果可以，綻放的比例是多少。

2、   禁止將數(shù)字變?yōu)殡娫捥柎a

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

一般情況下，IOS和Android系統(tǒng)都會默認某長度內(nèi)的數(shù)字為電話號碼，即使不加也是會默認顯示為電話的，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頂端的狀態(tài)條的樣式

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