移動端技術解決方案

2021-09-29 13:05:33 字數 372 閱讀 1052

1.移動端瀏覽器相容問題

移動端瀏覽器基本以 webkit 核心為主,因此我們就考慮webkit相容性問題。

我們可以放心使用 h5 標籤和 css3 樣式。

同時我們瀏覽器的私有字首我們只需要考慮新增 webkit 即可

2.移動端公共樣式

移動端 css 初始化推薦使用 normalize.css/

normalize.css:保護了有價值的預設值

normalize.css:修復了瀏覽器的bug

normalize.css:是模組化的

normalize.css:擁有詳細的文件

移動端布局解決方案

flex布局 rem 百分比 px 畫素 絕對單位 pixel pix picture el element 影象元素 百分比 相對單位 相對於父級元素 rem 相對單位 root 根元素 相對於根元素字型大小的倍數 em 相對單位 相對于父元素字型大小的倍數 vh view height 檢視高 ...

移動端布局適配解決方案

以下這段 是用於根據移動端裝置的螢幕解析度計算出合適的根元素的大小 當裝置寬度為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...