在html中設(shè)置了font-size的值,
例如我設(shè)置的是 font-size = 20,
然后拿到UI人員提供的項目原型,看一下原型的設(shè)置是基于什么大小今缚,
例如UI圖是寬750的原型,
然后font-size是20低淡,
那么我們在寬750的基準(zhǔn)的元素的寬是78.75px的話姓言,那么我們要設(shè)置的是
750/20 = 37.5
78.75/37.5 = 2.1rem;
ps瞬项;(每次計算元素px和rem轉(zhuǎn)換的時候,都用px的值除以這個37.5這個值何荚,得到的就是rem的值)
如果我們是在375的設(shè)備為參考做元素的設(shè)置囱淋,那么我們要設(shè)置的是
375/20 = 18.75
78.75*375/750 = 39.375px(750和375的比例下應(yīng)該的px值)
39.375/18.75 = 2.1rem;
ps餐塘;(每次計算元素px和rem轉(zhuǎn)換的時候妥衣,都用375比例下的px的值除以這個18.75這個值,得到的就是rem的值)