Scaling IFrame на Android браузера

Question

Hello (извините за мой английский)

У меня есть отзывчивый сайт с такими фреймами, я должен масштабировать их с моим сценарием:

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 в правильном размере.

(Очевидно, что это будет работать только для того же домена фреймов, othersise будет подвергаться вопросам перекрестного домена.)

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