單獨製作移動頁面(主流)
京東**手機版
**觸屏版
蘇寧易購手機版...
響應式頁面相容移動端(其次)
三星手機官網...
移動端的頁面和pc端的頁面是分開的，是不一樣的，移動端的頁面是單獨製作的，通常情況下，**網域名稱前加m(mobile)可以開啟移動端。通過判斷裝置，如果是移動裝置開啟，則跳到移動端頁面。例如：m.taobao.com,m.jd.com,m.suning.com
例如：三星電子官網，通過判斷螢幕寬度來改變樣式，可以適應不同終端。缺點：製作麻煩，需要花費很大精力去調相容性。
移動Web開發 移動端常見布局 flex布局
flex 是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性，任何乙個容器都可以指定為 flex 布局。當我們為父盒子設為 flex 布局以後，子元素的 float clear 和 vertical align 屬性將失效。伸縮布局 彈性布局 伸縮盒布局 彈性盒布局...
移動Web開發 移動端常見布局 rem布局
三 rem 查詢 四 less使用 建新檔案，字尾.less 1 rem root em 是乙個相對單位，類似於em，em是父元素字型大小。rem的基準是相對於html元素的字型大小。比如 根元素 html 設定font size 12px 非根元素設定width 2rem 則換成px表示就是24p...
移動端布局
預設以寬度為640px的設計稿為基準頁面，然後通過js獲取當前顯示裝置的尺寸，對應的調整 html 標籤的font size大小，從而實現通過以rem為單位的移動端布局適配。function win,doc function layoutcalc html.style.fontsize rem px...