關於移動端的尺寸適配問題（rem）

近期在做移動端的專案，用到rem的相關知識。先上**。

//css

@media
screen
and (width:320px) 
}@media
screen
and (width:360px) 
}@media
screen
and (width:375px) 
}@media
screen
and (width:414px) 
}@media
screen
and (width:412px) 
}@media
screen
and (width:768px) 
}@media
screen
and (width:1024px) 
}

還有兩個常用的單位：

vh和vw。這兩個單位沒有具體的定量，但是比較好用。他們是根據裝置的寬高設定的。即100vh=裝置的高，100vw=裝置的寬。也是比較好用的兩個單位。

關於rem適配移動端

function doc,win if doc.addeventlistener return win.addeventlistener resizeevt,recalc,false doc.addeventlistener domcontentloaded recalc,false documen...

移動端rem適配

3 使用js 將設計圖劃分為10等份或者15等份。新建common.less檔案，這是乙個專門來適配的檔案。我們大概可以寫如下的檔案 設定常見的螢幕尺寸 修改裡面的html文字大小 a 一定要寫到最上面 html 我們此次定義的劃分的份數 為 15 no 15 320 media screen an...

移動端rem適配

前端在開發移動端頁面時，通常會使用rem對不同解析度的 螢幕進行適配，以達到更好的視覺效果。直接貼上 複製可用。一 function doc,win 乘以100，px rem 100 1 docel.style.fontsize 100 width uidpr px recalc if doc.ad...