rem（font size of the root element）是相對長度單位。相對於根元素（即html元素）font-size計算值的倍數。
/** 得到螢幕的寬度*/
let htmlwidth = document.documentelement.clientwidth || document.body.clientwidth;
/** 得到html的dom元素*/
let htmldom = document.
getelementsbytagname
('html')[
0];/** 設定根元素字型大小 */
htmldom.style.fontsize = htmlwidth /20+
'px'
;<
/script>
解決辦法：使用px2rem-loader外掛程式將第三方ui庫的px轉換成rem單位。
1rem 1em 1vh 1px各自代表的含義
rem是全部的長度都相對於根元素元素。通常做法是給html元素設定乙個字型大小，然後其他元素的長度單位就為rem。子元素字型大小的em是相對于父元素字型大小 元素的width height padding margin用em的話是相對於該元素的font size 全稱是 viewport width...
設定字根，配合rem適配（多尺寸螢幕的適配）
document.documentelement.style.fontsize這個就是字根，但相對的只是html根元素字型大小。rem單位就是相對html根元素字型大小 rem是css3新增的乙個相對單位 root em，根em 這個單位引起了廣泛關注。這個單位與em有什麼區別呢？區別在於使用rem...
移動端設定border的1px畫素解決方案
可能有人會問，設定邊框1px問題，直接 border 1px soild ccc 不就完事了，為什麼需要這麼麻煩？因為移動端的dpr裝置畫素比不同，直接設定會出現邊框加粗問題，親們可以自行測試，這裡不做過多闡述。下面直接上解決方案。1.為了方便通用，在base.scss檔案中 使用 mixin 定義...