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

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

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

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

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

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

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

1、  viewport標(biāo)簽

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

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

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

一般情況下，IOS和Android系統(tǒng)都會默認(rèn)某長度內(nèi)的數(shù)字為電話號碼，即使不加也是會默認(rèn)顯示為電話的，so，取消這個(gè)很有必要！

3、iphone設(shè)備中的safari私有meta標(biāo)簽

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

它表示：允許全屏模式瀏覽，隱藏瀏覽器導(dǎo)航欄

4、iphone的私有標(biāo)簽

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

它指定的iphone中safari頂端的狀態(tài)條的樣式

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