媒體查詢失敗IE9 iframe中

Question

我在我的CSS以下媒體查詢：

@media screen and (min-width: 0px) and (max-width: 319px) { 
    body {background-color:red;} 
} 

@media screen and (min-width: 320px) and (max-width: 480px) { 
    body {background-color:orange;} 
} 

@media screen and (min-width: 481px) and (max-width: 980px) { 
    body {background-color:yellow;} 
} 

@media screen and (min-width: 981px) and (max-width: 1200px) { 
    body {background-color:green;} 
} 

@media screen and (min-width: 1201px) { 
    body {background-color:blue;} 
} 

和五個I幀對應尺寸：

<iframe frameBorder="0" src="index.html" height="320" width="255" ></iframe> 

的查詢踢在精在獨立的HTML文件，但在iframe上下文中查看時，它們在IE9中失敗。所有其他瀏覽器都顯示OK。

任何人都知道爲什麼？謝謝

對於記錄來說，父母和孩子的html具有相同的docType，並且CSS被作爲text/css服務。