IE11忽略字體大小保持兼容模式繼承

考慮以下代碼：IE11忽略字體大小保持兼容模式繼承

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <title>CSS test</title> 
     <style> 
      body { 
       font-size: 14px; 
      } 
      h4 { 
       font-size: 1.4em; 
      } 
      .title { 
       font-size: inherit; 
      } 
     </style> 
    </head> 
    <body> 
     <div> 
      <h4>The first header</h4> 
      <p>Some text...</p> 
     </div> 
     <div> 
      <h4 class="title">The second header</h4> 
      <p>Some more text2...</p> 
     </div> 
    </body> 
</html>

在IE11運行這個（或其他任何現代的瀏覽器）會呈現在相同大小的段落文本的第二高位，因「font-size：inherit」應用於「標題」類。

但是，如果我在兼容模式下在IE11中運行相同的代碼，則第二個標頭將呈現與第一個標頭相同的大小。「font-size：inherit」似乎被忽略。

爲什麼IE11在compability模式下的行爲如此？這是預期的行爲？

來源

2014-03-25 haagel

兼容性視圖是對IE7的模擬，它不支持inherit關鍵字（只有少數幾個例外）。適當支持inherit僅在IE8中引入，爲確保IE7仿真的準確性，在兼容性視圖中不提供此完全支持。

所以是的，這是預期的行爲。

來源

2014-03-25 08:47:08 BoltClock

IE11忽略字體大小保持兼容模式繼承

回答

相關問題