關於移動端的布局有很多的方式，下面我就來談談個人的一些看法。
首先因為手機螢幕的多樣化這為移動端的布局帶來了一定的難度，如何讓頁面自適應，現在有很多種解決方案，以下就是我關於移動端的一些解決方案，僅供參考：
1.使用viewport進行布局:
在html頁面的head標籤內引入這句**：
這句**可以讓頁面自動縮放，達到自適應的目的，最後在css檔案中給html設定font-size:26.6vw;在接下來的內容中使用rem來進行布局，因為設計圖都是放大的，所以你在實際寫頁面的過程中將測量的畫素除以2就是你要用到的，單位就是rem,這樣就實現移動端的乙個布局。
2.使用js自動獲取螢幕的寬度
CSS 關於CSS的幾種移動端布局方式
04.樣式初始化 二 流式布局 三 初識flex布局 四 關於rem 五 關於 查詢 六 初識less語法 七 響應式布局 name viewport content width device width,initial sacle 1.0,maximum scale 1.0,minimum sca...
關於移動端布局
如今手機裝置多種多樣，螢幕大小各不相同，下面說一下如今的幾種移動端布局.1.寬度百分比布局 px布局.先說一下，這種布局雖然我現在沒有用，但是還是有見到過，這種布局如果你按照750設計圖來做的話其實在主流手機螢幕上展示都挺不錯的，但是如果螢幕非主流的話，那顯示出來的效果就很差了，所以這種布局不建議使...
移動端布局方式 flex布局
1 justify content屬性 左右居中 justify content屬性定義了專案在主軸上的對齊方式。justify content flex start flex end center space between space around flex start 預設值 左對齊 flex...