打开 pdf 时调整 iframe 的大小答案

【问题标题】：resizing a iframe when opening a pdf打开 pdf 时调整 iframe 的大小
【发布时间】：2010-11-25 09:42:27
【问题描述】：

我有一个 iframe，我想从侧边栏的列表中打开 pdf。

我一切正常，但 pdf 显示在 500 x 200 的小框中，并且不会“调整大小”，以便用户可以阅读整个页面。

直播网站位于here http://www.markonsolutions.com/opportunities.php

其背后的代码是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>MARKON, Inc. - Professional Services, Personal Solutions</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="careers.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8011431-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1">Home</a></li>
<li><a href="aboutus.html" accesskey="2">About Us</a></li>
<li><a href="capabilities.html" accesskey="3">Capabilities</a></li>
<li><a href="contracts.html" accesskey="4">Contracts</a></li>
<li><a href="careers.html" accesskey="5">Careers</a></li>
<li><a href="contactus.html" accesskey="6">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Opportunities</h2>

<IFRAME SRC="newpage.html" width="100%" height="100%" id="iframe1" marginheight="0" frameborder="0" "></iframe>


</div>
<div id="colTwo">
<h2>Careers</h2>
<ul>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="benefits.html">Benefits</a></li>
</ul>
<h2>Open Positions</h2>
<?php
$files = glob("./jobops/*.pdf");

sort($files);

//print("<br>"+count($files)+"<br>");

print("<ul>");
foreach ($files as &$file)
{
    $Jobname =substr($file,0,strlen($file)-4);
    $Jobname = str_replace("./jobops/","",$Jobname);
    print("<li><a href=\"$file\" target=\"iframe1\">$Jobname</a></li>");
}
print("</ul>");
?>
</div>
<div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
<p>Copyright &copy; 2009 <a href="http://www.markonsolutions.com"><strong>MARKON, Inc.</strong></a></p>
</div>
</body>
</html>

【问题讨论】：

标签： html pdf dynamic iframe resize

【解决方案1】：

我上传了错误的版本！

【讨论】：

你应该删除这个问题：|

【解决方案2】：

呈现页面中显示的代码将高度设置为 200px...

<IFRAME SRC="newpage.html" width="100%" height="200px"...

newpage.html 的渲染代码包含一个关闭的 div 标记，但不包含一个打开的 div 标记。

您使用什么将文本从 pdf 填充到新页面？

【讨论】：

我不明白这个问题。
您用于填充新页面的过程不正确地包括关闭 div 或关闭 div 进入某处......基本上，如果您包含一个带有要设置的样式元素的打开 div高度到 100%，那么你应该没问题。