亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于對rem的理解,這樣對不對?

糾結了n久,終于明白了【docEl.style.fontSize = 12* (docEl.clientWidth / 320) + 'px'】想表達什么意思,就是說手機屏幕320px下font-size以12px作為根元素的標準大小,其他的不一樣屏幕寬度則以相對比例進行縮放,所以調試頁面的時候,就要在寬度320,并設置字體大小為12px,這種情況下畫出來的頁面什么樣子,然后在其他不同尺寸的屏幕上、或者橫豎屏顯示的頁面就是什么樣子了(不同尺寸縮放)。

正在回答

2 回答

這里的12只是拿來打個比方了,不知道是不是屏幕320里面根元素的font-size設為20px,是不是設計師常用的比例稿,這樣算的話,demo中的.page中的font-size就是0.3*20=6px的像素了??戳艘幌虑懊鎺讉€的問題,好像都是在迷惑這同一個問題,這個確實是webapp中挺重要的一個問題了吧。

1 回復 有任何疑惑可以回復我~

這時候,1rem=12px,然后5rem,就是60px;

然后可以先以px布局,然后換算成rem,或者用less編譯工具寫一個公共函數來進行rem與px之間的轉換;

這里面的道道居然還有很多,看完網友 @MasqueZe 說的?http://www.data321.com/fe659370這篇文章,瞬間感覺啥都不會了

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

關于對rem的理解,這樣對不對?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號