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