gpt4 book ai didi

html - 基于高度的 CSS 正方形

转载 作者:技术小花猫 更新时间:2023-10-29 12:55:47 30 4
gpt4 key购买 nike

<分区>

是否可以根据 像素高度,使用 css 制作方形 div

这个问题类似于 this one (标记为重复),但在这种情况下,我希望以像素或任何单位设置高度。

当基于宽度时,有一个简单的解决方案:

.mydiv {
height: 0;
padding-bottom: 100%;
}

但这里“高度跟随宽度”。我正在寻找'宽度跟随高度' 的解决方案。因此,如果我将 height 设置为 300px,width 将随之而来。

现在我正在使用 javascript 进行操作,在窗口调整大小时进行更新。但我想找到一个 CSS 解决方案,这就是为什么我不在寻找 javascript 解决方案

这是一个playground

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