現在手機端也業務要多於pc端，如何做手機端的web頁面也成了許多web前端工程師的必修課，以下是我總結的一些心得，大家茶餘飯後研讀一下，看看能不能漲漲姿勢。

適配手機端我主要總結3點：

1. 在頁面頂部加meta，它的大概意思就是讓頁面1:1顯示，使用者禁止縮放。

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

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

3.藉助手機端開發框架，比如weui。這個就不多說了，會百度就行了，也很簡單。

好了，今天就總結這麼多，不對的地方歡迎大家批評，本人菜鳥一枚虛心接受。