看了很多有關(guān)rem的文章,但是還是沒有看懂其中的原理以及公式怎么計(jì)算的,今天就講一下我的理解,不知道這樣理解合理不合理拦焚;
1.首先要知道rem是怎么用的,它是根據(jù)根元素大小來計(jì)算1rem到底等于多少px惕医,如果根元素為100px耕漱,那么1rem=100px,2rem=200px抬伺;
模擬場景:設(shè)計(jì)師的設(shè)計(jì)稿假設(shè)為750px螟够;
假設(shè)我們現(xiàn)在有兩個設(shè)備,一個設(shè)備的寬度就是750px,并且我給這個寬度為750px設(shè)備的根元素設(shè)置為100px,這樣1rem就等于100px了妓笙,很好計(jì)算若河;
另一個設(shè)備的寬度為變量dWidth;要想與設(shè)計(jì)稿的效果一樣寞宫,就要進(jìn)行等比例縮放萧福,此時(shí)我們需要求出另一個設(shè)備的根元素font-size值(X)為多少;
根據(jù)這些信息我們可以推導(dǎo)出以下這個公式:
dWidth/X=designwidth(750)/100=7.5;
根據(jù)小學(xué)數(shù)學(xué)可以得出X得值:
X=dWidth*100/desingWidth;
這樣就求出X的大小了辈赋,在實(shí)際開發(fā)中鲫忍,我們根據(jù)設(shè)計(jì)稿的大小除以100就可以的出元素的rem大小钥屈;