Fancybox無法正確調整PDF格式

Question

我一直在尋找Fancybox API和這裏的論壇，目前爲止沒有運氣。

基本上，當調整窗口大小時，fancybox中的嵌入式PDF將調整大小，但fancybox容器不會調整瀏覽器右側的大小。

繼承人時，第一次打開：http://lizbmorrison.net/fancybox1.png

當窗口大小：http://lizbmorrison.net/fancybox2.png

HTML：

<li class="pdf"><a class="fancypdf" href="#mydoc">View PDF</a></li> 
<div id="mydoc" style="display:none;"> 
    <embed class="embed" src="<?php echo wp_get_attachment_url($PDF->ID); ?>"></embed> 
</div> 

JS：

$(document).ready(function() { 
var width = $(window).width() * 0.9; 
var height = $(window).height() * 0.9; 
$('.embed').css('width', width).css('height', height); 
$('a.fancypdf').fancybox({ 
    'type': 'inline', 
    'margin': 0, 
    'centerOnScroll': false, 
    'hideOnContentClick': false, 
    'autoDimensions': true, 
    'autoScale': true, 
    'transitionIn': 'fade', 
    'transitionOut': 'fade', 
}); 
}); 
$(window).resize(function() { 
var width = $(window).width() * 0.9; 
var height = $(window).height() * 0.9; 
$('.embed').css('width', width).css('height', height); 
}); 

任何想法？

Answer 1

這就是我已經解決，但仍然不完美。

HTML：

<li class="pdf"><a class="fancypdf" style="padding-top: 20px;" href="<?php echo wp_get_attachment_url($PDF->ID); ?>">View PDF</a></li> 

JS：

$('.fancypdf').fancybox({ 
    'type': 'iframe', 
    'centerOnScroll': true, 
    'width': 800, 
    'height': 600, 
    'margin': 20, 
    'autoScale': false, 
    'autoDimensions': false 
});