如何将PDF图像缩放到浏览器大小？

Question

我正在将一张员工树的PDF插入到html文件中。整个页面上唯一的对象就是这个PDF。

我正在努力弄清楚如何让PDF填满浏览器窗口的100％高度。

这是我到目前为止所得到的：

HTML：

    <div class="tree">
<embed src="images/staffbook/organisationalstructure.pdf"  width="100%" height="100%"></embed>
</div>

CSS：

  body {
    width:100%;
    height:1005;
    padding:0px;
    margin:0px; 
}

.tree {
    height:100%;
    width:100%;
}

示例fiddle

代码似乎有些不错，但PDF中的图像本身并不适合。

有什么更好的东西我可以用来保持质量，但不是jpeg，png，gif等..？