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

我使用下面的方法来缩小iframe中的网页，并且它对普通网页非常有用，但是如果网页是移动网页（因此只有320px宽），那么我想用-webkit-transform缩小它：规模（0.90）;而不是0.30。iframe - 将网页缩小0.30，而将移动网页缩小0.90？

<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>

我从谷歌上搜索到，也都是在iframe中加载页面的宽度，试图计算和iframe的宽度设定为像tryed很多东西（内容宽度* 0.90）

或者如果您有任何其他建议？谢谢。

来源

2012-12-03 Claes Gustavsson

如果我正确理解你的目的，我想你应该避免在小屏幕上缩小太多（iPhone ??）。

您可以使用@media查询来查找设备像素比率并为它们写入覆盖CSS类。

一个快速的谷歌搜索使我着迷于@ opticswerve的文章here。

编辑：如果你想要去的装置设备最大宽度@media查询仍然会有所帮助的计算器问题here指出。

来源

2012-12-03 12:53:12

谢谢，但如果我能得到加载内容的宽度，那么我可以只设置宽度* 0.80，如果内容页面宽度为1000px或320px，则无关紧要。 –

然后，也许这是你可能想要做的。 http://stackoverflow.com/questions/743129/mobile-detection-using-javascript –

嗨，谢谢，但我不想检查视口的大小，我想检查在我的iframe中加载的网页有多宽。 –

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

回答

相关问题