weex的像素px

請(qǐng)問在項(xiàng)目中使用px，正常情況下，height:48px;就是48px，但是在weex中，被轉(zhuǎn)換成了0.64rem,那就是height:75;等價(jià)于1rem,那我以后想導(dǎo)航欄設(shè)置高度為height:50px;怎么解決，需要寫算法嗎，不懂，目測(cè)weex中的75px還沒有正常情況下的48px大

慕工程3899938

2018-06-05

源自：Weex入門 4-1

關(guān)注問題我要回答

2753

操作

收起

3 回答

慕工程3899938 提問者
2018-06-08

改html的font-size是可以更改rem的比例數(shù)的，但是實(shí)測(cè)了一下，好像在weex中，就是以75px = 1rem 作為標(biāo)準(zhǔn)，改了這個(gè)基數(shù)就會(huì)影響其他東西，埃

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕工程3899938 提問者
2018-06-08

試了，沒反應(yīng)，還是75px轉(zhuǎn)換為了1rem

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

葙咭仕
2018-06-06

rem是相對(duì)于根元素<html>，這樣就意味著，我們只需要在根元素確定一個(gè)參考值，這個(gè)參考值設(shè)置為多少，完全可以根據(jù)您自己的需求來定。·我們知道，瀏覽器默認(rèn)的字號(hào)16px，來看一些px單位與rem之間的轉(zhuǎn)換關(guān)系：

|??px??|?????rem???????|
------------------------
|??12??|?12/16?=?.75???|
|??14??|?14/16?=?.875??|
|??16??|?16/16?=?1?????|
|??18??|?18/16?=?1.125?|
|??20??|?20/16?=?1.25??|
|??24??|?24/16?=?1.5???|
|??30??|?30/16?=?1.875?|
|??36??|?36/16?=?2.25??|
|??42??|?42/16?=?2.625?|
|??48??|?48/16?=?3?????|
-------------------------

為了方便計(jì)算，時(shí)常將在<html>元素中設(shè)置font-size值為62.5%:·相當(dāng)于在<html>中設(shè)置font-size為10px，此時(shí)，上面示例中所示的值將會(huì)改變：

|??px??|?????rem????????|
-------------------------
|??12??|?12/10?=?1.2????|
|??14??|?14/10?=?1.4????|
|??16??|?16/10?=?1.6????|
|??18??|?18/10?=?1.8????|
|??20??|?20/10?=?2.0????|
|??24??|?24/10?=?2.4????|
|??30??|?30/10?=?3.0????|
|??36??|?36/10?=?3.6????|
|??42??|?42/10?=?4.2????|
|??48??|?48/10?=?4.8????|
-------------------------

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

葙咭仕

1rem等于多少px呢？ 1rem等于html根元素設(shè)定的font-size的px值，假如我們?cè)赾ss里面設(shè)定下面的css。 html{font-size:14px} 那么后面的CSS里面的rem值則是以這個(gè)14來換算，例如設(shè)定一個(gè)div寬度為3rem,高度為2.5rem.則它換算成px為width:42px.height:35px，同理，假如一個(gè)設(shè)計(jì)稿為寬度42px,高度為35px，則換成成rem，則是42/14=3rem，35/14=2.5rem。如果css里面沒有設(shè)定html的font-size，則默認(rèn)瀏覽器以1rem=16px來換算。

2018-06-06 回復(fù) 有任何疑惑可以回復(fù)我~