gpt4 book ai didi

css - 如何将任何内部元素的宽度指定为 Body 宽度的百分比?

转载 作者:行者123 更新时间:2023-11-28 10:27:58 25 4
gpt4 key购买 nike

当我将宽度作为百分比应用于页面的任何内部元素时,它会将百分比应用于其父容器的宽度。

如何将任何内部元素的宽度指定为 Body 宽度的百分比,而不是默认值(父容器宽度的百分比)?

附加信息:根据设备,Body 的宽度会发生变化。对于大于 1440px 的设备,它的宽度为 1440px,否则如果设备宽度小于 1440px,则 body 宽度将为 100%。

最佳答案

你不应该风格化你的 <body> .

而是添加一个包含视口(viewport)单元最大宽度组合的包装器。

.container {
width: 100vw;
max-width: 1440px;
height: 100vh;
margin: 0 auto;
background-color: green;
}
<div class="container"></div>

关于css - 如何将任何内部元素的宽度指定为 Body 宽度的百分比?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48717013/

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