在Android浏览器上扩展iframe

Question

您好（对不起我的英文）

我有一个响应式网站，如此iframe，我必须用我的脚本缩放它们：

 function resize_budynek() {
                            var width = $j(window).width();
                            //alert(width);
                            if(width>960) width = 960;
                           var skala = width/960;

                            $j("#loginframe").css("transform","scale("+skala+")");
                            $j("#loginframe").css("-webkit-transform","scale("+skala+")");
                            $j("#loginframe").css("-moz-transform","scale("+skala+")");
                            $j("#loginframe").css("-o-transform","scale("+skala+")");
                        }
                        $j(window).resize(resize_budynek);
                        $j(document).ready(resize_budynek);

在桌面浏览器上一切正常，但在Android浏览器上我可以看到一个iframe（规模很大 - 我可以看到边框）但内容只是左上角的一部分，内部页面的其余部分是隐藏的。     

#loginframe {
width:650px; 
height:350px;
-moz-transform-origin:0 0;
-webkit-transform-origin:0 0;
-o-transform-origin: 0 0;
transform-origin:0 0;

position:relative;
top:0;
left:16.15%;
}

Answer 1

定位iframe内容而不是iframe。如果缩放iframe，则在DOM在页面上注册后缩小大小时会得到空格。

如果缩放内容，这将正常工作，使iframe的大小合适。

（显然，这只适用于相同的域名iframe，其他方面则会受到跨域问题的影响。）

$('iframe').contents().find(body).css({'zoom':'scale("+skala+")', 'webkit-transform':'scale("+skala+")'});