現(xiàn)在手機端也業(yè)務(wù)要多于pc端，如何做手機端的web頁面也成了許多web前端工程師的必修課，以下是我總結(jié)的一些心得，大家茶余飯后研讀一下，看看能不能漲漲姿勢。

適配手機端我主要總結(jié)3點：

1. 在頁面頂部加meta，它的大概意思就是讓頁面1:1顯示，用戶禁止縮放，加載html頁面的head中 代碼如下。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

2.布局用百分比/rem，這個就不多解釋了，只是把原來的px換成%或rem，嘗試一下就知道了。值得一提的是rem這個單位直接用不太好，因為你要精確到小數(shù)點后面三四位，所以大家要用的話，百度一下rem.js，網(wǎng)上有很多版本，自己下載一個src引入，這樣就不用精確到小數(shù)點好幾位了。

div{
    width:80%,
    height:200px;
    font-size:1rem
}

3.框架推薦：uniapp或taro

uniapp：可以自行百度一下，一套代碼同時可以編譯八端，天生適合移動端開發(fā)，其自帶rpx可以讓開發(fā)者通過rpx布局。

taro：是京東推出的跨平臺框架，它可以編譯成RN、H5等，它使用react開發(fā)，也是移動端開發(fā)的首選。