Html PDF链接到<；对象>；第一次改变路线后不遵守CSS规则？

我为一个工作应用程序创建了一个小的虚拟“公文包”，演示如何使用Angular JS。网站上的一个视图包含一个对象，其中包含我的简历的PDF版本

你可以在行动中看到这个问题

第一次加载视图时，PDF会按预期填充div。移动到另一个视图并返回后，它的默认大小要小得多

以下是此视图的HTML

<div id="format">
    <div id="header">
    </div>
    <div id="content">
        <p id="text">
            Who hires someone without some background knowledge? You can read my resume here, or click the link below to download it in PDF format. 
        </p>
        <br />
        <br />
        <object id="resume-view" data="http://allenhundley.com/documents/resume.pdf" type='application/pdf'>
            <p>
                It looks like you don't have Adobe Reader installed! That's okay. Simply download my resume with the link below. 
            </p>
        </object>
        <br />
        <br />
        <a href="http://allenhundley.com/documents/resume.pdf" download="Resume - Allen Hundley.pdf">Download My Resume</a>
    </div>
</div>

我肯定我遗漏了一些简单的东西

为什么在路线改变后PDF的大小不合适

#format {

    margin-left: auto;
    margin-right: auto;
    height: 600px;
    width: 600px;
    padding-top: 100px;

}

#header {

    float: left;
    width: 87px;
    height: 449px;
    background-image: url('http://allenhundley.com/images/resume/resume.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

#text {

    display: inline;
    color: white; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;

}

#resume-view {

    height: 304px;
    width: 500px;
    border: 2px solid #99c2d1;

}