gpt4 book ai didi

html - 缩放浏览器时如何使 div 按比例流动?

转载 作者:行者123 更新时间:2023-11-28 03:11:02 26 4
gpt4 key购买 nike

所以我想让我的内容成为一个填满整个“容器”的 2 列布局 div。但我希望在窗口放大或缩小时按比例调整“335px X 250px”div 的大小。这是我希望它看起来像下图的示例图像,我该怎么做?

enter image description here

JSFiddle 链接:https://jsfiddle.net/gdkvcnyj/15/

<body>
<div id="body-wrap">
<div id="mobilenav"></div>
<div class="content-wrap">
<div id="container">
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
<div class="mix"></div>
</div>
</div>
</div> <!-- end of Body Wrap -->
</body>

最佳答案

已将 .mix 元素更改为使用百分比宽度而不是绝对值。 jsfiddle here .

希望对您有所帮助。

关于html - 缩放浏览器时如何使 div 按比例流动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30524569/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com