您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:如何将div设置为响应正方形？

如何将div设置为响应正方形？

如何将div设置为响应正方形？

要实现所需的功能，可以使用viewport-percentagelength vw。

这是我在jsfiddle上制作的一个简单示例。

<div class="square">
    <h1>This is a Square</h1>
</div>


.square {
    background: #000;
    width: 50vw;
    height: 50vw;
}
.square h1 {
    color: #fff;
}

我敢肯定还有很多其他方法可以做到这一点，但是这种方法对我来说似乎是最好的。

其他 2022/1/1 18:14:01 有670人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶