Question

我正在试图在主div上加载网站的各个页面，但div不会在加载时调整大小。

<ul id="menu">
  <li><a href="home.html" target="iframe_a">Home</a></li>
    <li>
        <a href="servizi.html" target="iframe_a">Servizi</a>
        <ul>
            <li>
                <a href="progetti.html" target="iframe_a">Progettazione</a>
                <ul>
                    <li><a href="./servizi/wip.html" target="iframe_a">Urbanistica</a></li>
                    <li><a href="./servizi/wip.html" target="iframe_a">Edilizia</a></li>
                    <li><a href="./servizi/wip.html" target="iframe_a">Abbattimento barriere architettoniche</a></li>
                </ul>
...
...
...

这是菜单的一部分

这是div（以前是iframe，但不能同等地工作）

<div> 
<object type="text/html" data="home.html" name="iframe_a" id="iframe_a" width=80% height="600px" min-height:"600px" style="overflow:hidden;border:5px ridge blue">
    </object>
</div>

如果我删除height =“600px”div大约是100px结束时不要修改它的高度变化

我试图加载到主div的所有页面都是“简单”只是

<body> 
<div> 
text/image of the page with <p> etc..
</div>
</body>

没有特殊效果或其他什么。

我做错了吗？

Answer 1

对于响应式重新调整尺寸，您应该在宽度和高度上使用％来自您的代码

<div> <object type="text/html" data="home.html" name="iframe_a" id="iframe_a" width=80% height="60%" min-height:"600px" style="overflow:hidden;border:5px ridge blue"> </object> </div>

您可能还需要考虑修改边框尺寸，以适应您想要在重新调整大小时使用的最小分辨率。

从菜单中加载新页面时调整div高度

1 个答案: