页面各元素的大小不要写成固定大小,一般用百分比,frame内的页面也设置为100%。
frame内的页面的那个页面的宽度怎么设置呢?
@何小飞: 网上查了一下,发现一般都用js实现,如下:
<html>
<head>
<script type="text/javascript">
//iframe高度自适应
function IFrameReSize(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
pTar.height = pTar.contentDocument.body.offsetHeight;
} //ie
elseif (pTar.Document && pTar.Document.body.scrollHeight) {
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
//iframe宽度自适应
function IFrameReSizeWidth(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
pTar.width = pTar.contentDocument.body.offsetWidth;
} //ie
elseif (pTar.Document && pTar.Document.body.scrollWidth) {
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
</script>
</head>
<body>
<iframe src="Main.html" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100px" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe>
</body>
</html>