移動端布局解決方案

2021-10-09 10:42:45 字數 424 閱讀 4178

flex布局 rem/百分比

px:畫素 絕對單位 pixel pix(picture) el(element) 影象元素

百分比:相對單位 相對於父級元素

rem:相對單位 root(根元素) 相對於根元素字型大小的倍數

em:相對單位 相對于父元素字型大小的倍數

vh: view height 檢視高

vw:view width 檢視寬

html 字型設定

html

水平垂直居中的幾種解決方案

1.justify-content:center

align-items:center

2 定位 0 margin :auto

3定位 margin(top/left) 50% 2d 平移自身 -50%

移動端布局適配解決方案

以下這段 是用於根據移動端裝置的螢幕解析度計算出合適的根元素的大小 當裝置寬度為375 iphone6 時,根元素font size 100px 依次增大 限制當為裝置寬度大於768 ipad 之後,font size不再繼續增大 scale 為meta viewport中的縮放大小 設定根元素fo...

移動端布局解決方案 神器

godcss 移動端布局終極解決方案 神器 讓移動端布局開發更加容易 http www.github.com godcss 第一部分 example 所有的示例都在這個目錄下 duang normal wolf src 主要檔案在這裡 godcss.js px2rem.less px2rem.scs...

移動端布局解決方案 神器

godcss 移動端布局終極解決方案 神器 讓移動端布局開發更加容易 http www.github.com godcss 第一部分 example 所有的示例都在這個目錄下 duang normal wolf src 主要檔案在這裡 godcss.js px2rem.less px2rem.scs...