看了很多有關(guān)rem的文章侍匙,但是還是沒(méi)有看懂其中的原理以及公式怎么計(jì)算的,今天就講一下我的理解互婿,不知道這樣理解合理不合理;
1.首先要知道rem是怎么用的,它是根據(jù)根元素大小來(lái)計(jì)算1rem到底等于多少px掰邢,如果根元素為100px碱工,那么1rem=100px,2rem=200px春弥;
模擬場(chǎng)景:設(shè)計(jì)師的設(shè)計(jì)稿假設(shè)為750px者娱;
假設(shè)我們現(xiàn)在有兩個(gè)設(shè)備,一個(gè)設(shè)備的寬度就是750px灾前,并且我給這個(gè)寬度為750px設(shè)備的根元素設(shè)置為100px,這樣1rem就等于100px了,很好計(jì)算尽狠;
另一個(gè)設(shè)備的寬度為變量dWidth德崭;要想與設(shè)計(jì)稿的效果一樣,就要進(jìn)行等比例縮放荔燎,此時(shí)我們需要求出另一個(gè)設(shè)備的根元素font-size值(X)為多少;
根據(jù)這些信息我們可以推導(dǎo)出以下這個(gè)公式:
dWidth/X=designwidth(750)/100=7.5;
根據(jù)小學(xué)數(shù)學(xué)可以得出X得值:
X=dWidth*100/desingWidth;
這樣就求出X的大小了似忧,在實(shí)際開(kāi)發(fā)中幼衰,我們根據(jù)設(shè)計(jì)稿的大小除以100就可以的出元素的rem大猩揖Α扬绪;