媒体查询失败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服务。