具體詳情請看tat.tennylv的文章：
1.rem單位根據html根元素的字型大小（px為單位）進行設定，html預設的字型大小為16px，這時候1 rem = 16 px。（設定html字型為35px,則1 rem = 35 px）
2.我們可以對螢幕中的各元素使用rem設定大小。（如div = 1 rem ,此時div = 35 px）
3.利用js或者css3的@media 查詢獲取螢幕大小，按照需要修改html字型大小。（如div = 1 rem ， 修改html的字型大小為100px，則div仍為1 rem，但 div = 100px）
簡單來說，假設所有元素（除了根元素html）都是按照rem大小設定的，修改根元素的字型大小後，在不同螢幕上顯示的位置比例是一樣，只是px大小不一樣。
利用rem進行移動端頁面布局
前言 在移動端進行頁面布局的時候，使用rem元素，可以適應不同手機螢幕尺寸下的情況，進行適配。寫乙個rem.js檔案引入，樣式中涉及高度 尺寸 字型大小等單位時，直接使用rem即可，簡單方便快捷。一 rem.js function doc,win else if doc.addeventlisten...
vue vant開發之移動端rem適配螢幕方案
簡單介紹一下rem和px的換算關係 1rem html的font size。在專案中，我採用postcss pxtorem amfe flexible，vant是基於375px的。安裝 npm i amfe flexible npm i postcss pxtorem d amfe flexible...
移動Web開發 移動端常見布局 rem布局
三 rem 查詢 四 less使用 建新檔案，字尾.less 1 rem root em 是乙個相對單位，類似於em，em是父元素字型大小。rem的基準是相對於html元素的字型大小。比如 根元素 html 設定font size 12px 非根元素設定width 2rem 則換成px表示就是24p...