手機端的布局，可依據效果，例如750，設定好html，
考慮到chrome下字型最小為12畫素，即使小於12畫素，也按照12畫素顯示的問題，同時又考慮到320畫素（iphone5的寬度），320情況下的font-size、不要小於12畫素（因為小於12畫素，例如為9畫素，5rem是60（5*12）而不是45），
所以，750，可參考36畫素 750/320 > 設定數值 / 12
用js控制好html的font-size，
function adjust()
//判斷手機橫豎屏狀態：
window.addeventlistener("onorientationchange" in window ? "orientationchange" : "resize", function() , false);
//移動端的瀏覽器一般都支援window.orientation這個引數，通過這個引數可以判斷出手機是處在橫屏還是豎屏狀態。
$(document).ready(function());
手機端flex布局
strive 檢視css某個屬性，相容情況 傳統的 盒子模型 盒子模型 box sizing content box平時普通盒子模型，padding，border,盒子會變大 向外擴充套件 box sizing border box盒子模型 padding border,盒子模型不變大 向內擴充套件...
移動端布局總結
一 viewport viewport標記用於指定使用者是否可以縮放web頁面，如果可以，那麼縮放到的最大最小縮放比例是什麼。使用viewport標記還表示文件針對移動裝置進行了優化。viewport標記的content值是有指令及其值組成的以逗號分隔的列表。width 控制viewport的寬度，...
PC端手機端自適應方案總結
pc端手機端自適應方案 一 做成兩個站，兩個網域名稱 方法 後端判斷裝置切換，跳轉鏈結 前端js判斷裝置切換，跳轉鏈結 缺點 1.兩個網域名稱，不利於seo優化 2.兩個站，量大，布局專案繁雜 優點 1.邏輯清晰，簡潔 適用場景 pc端和手機端設計圖差別較大時 二 做成乙個站，乙個網域名稱 方法 用...