關於移動端布局的幾種方式
關於移動端的布局有很多的方式,下麵我就來談談個人的一些看法。
首先因為手機屏幕的多樣化這為移動端的布局帶來了一定的難度,如何讓頁麵自適應,現在有很多種解決方案,以下就是我關於移動端的一些解決方案,僅供參考:
1.使用viewport進行布局:
在Html頁麵的head標簽內引入這句代碼:
這句代碼可以讓頁麵自動縮放,達到自適應的目的,最後在css文件中給html設置font-size:26.6vw;在接下來的內容中使用rem來進行布局,因為設計圖都是放大的,所以你在實際寫頁麵的過程中將測量的像素除以2就是你要用到的,單位就是rem,這樣就實現移動端的一個布局。
2.使用js自動獲取屏幕的寬度
最後更新:2017-05-16 11:01:37