1.0em與字體大小的100％相同嗎？

我想調試爲什麼在jquery-ui中有font-size: 1.0em導致我的頁面字體大小變大（超過16像素），而我沒有做任何實際的字體大小調整。那麼，在Firebug中，我看到了手風琴的一件奇怪的事情。1.0em與字體大小的100％相同嗎？

在基地，它有font-size: 1.0em但後來被font-size: 100%覆蓋。這可能會導致字體大小的問題？我一直認爲100%與1.0em相同

來源

2010-02-05 Earlz

僅供參考，您可以參閱http：//www.loadaveragezero .com/vnav/labs/CSS/font-size.php關於（相對）字體大小。 Doug Clifton建議在上設置字體大小：x-small，並使用相對大小定義每個其他字體大小。這樣你可以在不同的瀏覽器中獲得一致的外觀。 – 2010-02-06 04:38:25

是的。

1em和100%意思是一樣的（對於字體大小） - 「同樣的字體大小與父元素」（這是不一樣的東西作爲用戶選擇，除非你正在談論的字體大小HTML元素）。

使用em時，Internet Explorer中存在一些錯誤，並且從視圖菜單中選取的字體大小不是medium。

來源

2010-02-05 21:09:11 Quentin

em是以每個用戶每個瀏覽器爲基礎定義的。所以em被定義爲在瀏覽器或用戶偏好的不同設置中可訪問。

這意味着根據瀏覽器中的用戶偏好設置，1em可以是16px或10px。

如果您希望對字體大小有更多的控制權，請使用px而不是em。

來源

2010-02-05 21:05:50 jpabluz

是的，但我的意思是它就像身體上的字體是12px自然（我有我的瀏覽器設置的方式），但隨後在很多嵌套元素內字體莫名其妙16px，當唯一的字體大小改變我已經是'1.0em'和'100％' – Earlz 2010-02-05 21:08:11

是的，em和百分比在字體大小方面可以互換。

我真的不能告訴什麼錯在你的情況沒有代碼，但它可能是與嵌套的字體大小：

<div style="font-size: 150%;"> 
    This text is at 150% of the base. 

    <div style="font-size: 100%"> 
     This text is the same size as the text above. 
    </div> 
</div>

來源

2010-02-05 21:10:16 AaronSieb

雖然字體不會改變，除非它是'1.0em'或'100％'雖然..所以這兩個值是相同的，那麼對嗎？ – Earlz 2010-02-05 21:11:11

是的，它們是一樣的。 – AaronSieb 2010-02-05 21:12:02

1.0em與字體大小的100％相同嗎？

回答

相關問題