關(guān)于對(duì)rem的理解,這樣對(duì)不對(duì)?
糾結(jié)了n久,終于明白了【docEl.style.fontSize = 12* (docEl.clientWidth / 320) + 'px'】想表達(dá)什么意思,就是說(shuō)手機(jī)屏幕320px下font-size以12px作為根元素的標(biāo)準(zhǔn)大小,其他的不一樣屏幕寬度則以相對(duì)比例進(jìn)行縮放,所以調(diào)試頁(yè)面的時(shí)候,就要在寬度320,并設(shè)置字體大小為12px,這種情況下畫(huà)出來(lái)的頁(yè)面什么樣子,然后在其他不同尺寸的屏幕上、或者橫豎屏顯示的頁(yè)面就是什么樣子了(不同尺寸縮放)。
2016-01-19
這里的12只是拿來(lái)打個(gè)比方了,不知道是不是屏幕320里面根元素的font-size設(shè)為20px,是不是設(shè)計(jì)師常用的比例稿,這樣算的話,demo中的.page中的font-size就是0.3*20=6px的像素了??戳艘幌虑懊鎺讉€(gè)的問(wèn)題,好像都是在迷惑這同一個(gè)問(wèn)題,這個(gè)確實(shí)是webapp中挺重要的一個(gè)問(wèn)題了吧。
2016-01-19
這時(shí)候,1rem=12px,然后5rem,就是60px;
然后可以先以px布局,然后換算成rem,或者用less編譯工具寫(xiě)一個(gè)公共函數(shù)來(lái)進(jìn)行rem與px之間的轉(zhuǎn)換;
這里面的道道居然還有很多,看完網(wǎng)友 @MasqueZe 說(shuō)的?http://www.data321.com/fe659370這篇文章,瞬間感覺(jué)啥都不會(huì)了