閱讀496 返回首頁    go 阿裏雲 go 技術社區[雲棲]


關於移動端布局的幾種方式

關於移動端的布局有很多的方式,下麵我就來談談個人的一些看法。
首先因為手機屏幕的多樣化這為移動端的布局帶來了一定的難度,如何讓頁麵自適應,現在有很多種解決方案,以下就是我關於移動端的一些解決方案,僅供參考:
1.使用viewport進行布局:
在Html頁麵的head標簽內引入這句代碼:

5_GD_A4_9_6_D_L2_GREAQ
這句代碼可以讓頁麵自動縮放,達到自適應的目的,最後在css文件中給html設置font-size:26.6vw;在接下來的內容中使用rem來進行布局,因為設計圖都是放大的,所以你在實際寫頁麵的過程中將測量的像素除以2就是你要用到的,單位就是rem,這樣就實現移動端的一個布局。
2.使用js自動獲取屏幕的寬度
_A_I_JY5_V_5P_G5_1O_VV

最後更新:2017-05-16 11:01:37

  上一篇:go  螞蟻區塊鏈團隊資訊簡報20170508-0514
  下一篇:go  動態采樣大法好,讓Oracle執行計劃一步到位!