Question

您好我正在制作一个网页，但我注意到当我使用任何网络浏览器放大页面时，div不会仅扩展文本。如何使div和文本扩展，我可以放大它们？

这就是我在css中工作的方式，我正以相同的方式为我的所有页面进行定位。

#pagina_principal{
    position:absolute;
    top:5%;
    left:5%;
    width:90%;
    height:190%;
    border:solid red 1px;

}

#menu{
    position:absolute;
    top:10%;
    left:5%;
    width:90%;
    height:3%;

}

#home_principal{
    position:absolute;
    top:0%;
    left:0%;
    width:18%;
    height:100%;
    border:solid lightgrey 1px;
}

Answer 1

这是因为在缩放时设置容器的大小和容器大小不会改变。尝试使用像素（px）进行大小调整或将所有内容放入某个容器（例如div）中，并使用像素设置其大小。

Answer 2

您正在处理宽度和高度以百分比指定的流体元素。这意味着浏览器渲染器将计算元素＆＃39;大小取决于浏览器的窗口大小。例如，100％宽度的元素将自动呈现为覆盖浏览器窗口的整个宽度。

问题是，当缩放时，窗口的大小不会改变，因此这些元素保持相同的大小。

为什么我的div不会随着缩放而扩展

2 个答案: