iPad Css Hack无法在Iframe中运行

Question

A PAGE

<style>
div{width:300px; height:300px;}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    div{background:red;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    div{background:blue;}
}
</style>

<div></div>

B PAGE     

我有2页A＆amp; B，一个页面使用ipad CSS hack，B页面使用iframe加载一个页面。

我的问题是当B页面使用iframe加载页面时。 iPad CSS hack赢了工作。

任何人都知道如何解决这个问题？