對於任何人在未來絆倒這個錯誤。我通過將縮放轉換應用於iframe中的文檔的html節點而不是iframe本身來解決此問題。我用下面的代碼:
$(function() {
$("#iframe_name").load(function() {
$("#iframe_name").contents().find('html').css('-moz-transform', 'scale(<?=$scale?>)');
$("#iframe_name").contents().find('html').css('-moz-transform-origin', 'left top');
$("#iframe_name").contents().find('html').css('-webkit-transform', 'scale(<?=$scale?>)');
$("#iframe_name").contents().find('html').css('-webkit-transform-origin', 'left top');
$("#iframe_name").contents().find('html').css('transform', 'scale(<?=$scale?>)');
$("#iframe_name").contents().find('html').css('transform-origin', 'left top');
if (navigator.appVersion.match(/MSIE/)) {
$("#iframe_name").contents().find('html').css('zoom', '<?=(100*$scale)?>%');
}
});
});
這是使用PHP和$規模是像0.5的大小的50%,或2倍的大小。它也使用jQuery。
來源
2011-08-04 13:22:04
Tim
可能重複[如何縮放iframe的內容?](http://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe) – rds 2014-04-09 09:06:43