iframe-将网页缩小0.30，但将移动网页缩小0.90？

我使用以下方法缩小iframe中的网页，它对普通网页非常有效，但是如果网页是移动网页（因此只有320px宽），那么我想用-webkit转换缩小它：scale（0.90）；而不是0.30

<div id="iframewrap">
    <iframe id="iframeid" src="http://www.mypage.com" name="iframeName" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" height="100%"></iframe>
</div>   


<style type="text/css"> 
#iframewrap { width: 320px; padding: 0px; top:45px; position:relative; overflow:hidden;}
#iframeid { width:320px;  height:100%; margin:10px 10px 10px 10px; overflow:hidden;}
#iframeid {
    -ms-zoom: 0.30;
    -moz-transform: scale(0.30);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.30);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.30);
    -webkit-transform-origin: 0 0;
}
</style> 

#iframewrap{width:320px；padding:0px；top:45px；position:relative；overflow:hidden；}
#iframeid{宽度：320px；高度：100%；边距：10px 10px 10px 10px；溢出：隐藏；}
#异胚{
-ms缩放：0.30；
-moz变换：比例（0.30）；
-moz变换原点：0；
-o变换：标度（0.30）；
-o变换原点：0；
-webkit变换：比例（0.30）；
-webkit转换原点：0；
}

我从谷歌搜索中尝试了很多东西来获取加载到iframe中的页面宽度，尝试计算并将iframe的宽度设置为（content width*0.90）

---

或者如果你有其他的建议？谢谢。

如果我正确理解您的目的，我认为您希望避免在小屏幕（iPhone？？？）上缩小太多

您可以使用

@media

查询来查找设备像素比率，并为它们编写覆盖CSS类

我在谷歌上快速搜索了一下@opticswerve的文章

---

编辑：如果您想使用设备设备最大宽度

@media

查询仍然会有帮助，如stackoverflow问题中所述。

谢谢，但如果我能获得加载内容的宽度，然后我可以设置宽度*0.80，内容页的宽度是1000px还是320px都不重要，也许这就是你想要做的。您好，谢谢，但我不想检查视口大小，我想检查我的iframe中加载的网页的宽度。用另一个分辨率更新了答案。您好，Tanzeel，我想您没有理解我的问题。媒体查询用于检查手机访问网页时的屏幕分辨率。但我想检查我在iframe中加载的网页的宽度。所以媒体质询帮不了我！