2013-01-23 68 views
2

我可以用不固定的字體大小覆蓋父元素(例如div)的固定字體大小。 我有一個問題,對於特定的HTML頁面,我希望元素使用相對於Body元素的字體大小,而不是相對於父div。用不固定的字體大小覆蓋父元素固定的字體大小

我的HTML

<body id="templateBody"> 
    <div> 
     <p> 

我的CSS

body{ 
    font-size: 76% 
} 

div{ 
    font-size:11px 
} 

如何指定的p的字體大小,使其相對於身體的字體大小(%以下),而不是固定的div字體大小?有沒有辦法在不改變div風格的情況下覆蓋div的固定字體大小?我嘗試使用REM,但它不能在IE8上工作... ...

+0

em甚至在IE5上運行 – user1721135

+0

@ user1721135,'em'是父元素的字體大小。 –

+0

@ user1721135,我指的是「rem」 – Kunal

回答

2

你不行。一旦設置了父元素的字體大小,就沒有辦法引用父級的父級的字體大小。

rem的單元,除了瀏覽器支持的問題,是指元件,這始終是在HTML文檔中的html元件的字體大小。因此,如果body字體大小設置爲百分比,則可以間接將p字體大小設置爲相對於它的大小,但僅限於將其設置爲相對於根元素的字體大小。

在文檔中混合px和%字體大小通常沒什麼意義。

0

沒有不幸的不是。你將不得不修改div的字體大小。