1.我們要進行移動端頁面的開發設計第一肯定想到的是彈性盒子
2.彈性盒子flex
3.div和flex的配合使用
移動端頁面
1.移動端需要引入乙個樣式，meta
隨便開啟乙個**f12調成手機模式，複製meta
乙個div設定了display: flex; 就成了乙個彈性盒子
因此我們把移動端介面布局稱為div+flex布局
flex水平和垂直對齊方式
行內彈性盒子
1.平均分配
12
3
12
3
12
3
移動端布局
預設以寬度為640px的設計稿為基準頁面，然後通過js獲取當前顯示裝置的尺寸，對應的調整 html 標籤的font size大小，從而實現通過以rem為單位的移動端布局適配。function win,doc function layoutcalc html.style.fontsize rem px...
移動端布局
css畫素與裝置畫素 二者的區別在於前者是抽象的，用於瀏覽器渲染頁面，而後者是裝置的最小物理單位。可參考 a pixel is not a pixel is not a pixel 進行理解。視口 移動端瀏覽器有兩個視口，即可見視口與布局視口，二者的區別在於前者為基於移動裝置螢幕的實際寬度，而後者為...
移動端布局
瀏覽器上 用來顯示網頁的那部分區域了 1 設定 view 有 init scale 頁面的初始縮放值 為數字 width viewport的寬度 height viewport的高度 mininum scale 允許使用者縮放最小值 maxinum scale 允許使用者縮放最大值 user sca...