要实现所需的功能，可以使用viewport-percentagelength
vw。
这是我在jsfiddle上制作的一个简单示例。
HTML：
<div > <h1>This is a Square</h1></div>
CSS：
.square { background: #000; width: 50vw; height: 50vw;}.square h1 { color: #fff;}我敢肯定还有很多其他方法可以做到这一点，但是这种方法对我来说似乎是最好的。
要实现所需的功能，可以使用viewport-percentagelength
vw。
这是我在jsfiddle上制作的一个简单示例。
HTML：
<div > <h1>This is a Square</h1></div>
CSS：
.square { background: #000; width: 50vw; height: 50vw;}.square h1 { color: #fff;}我敢肯定还有很多其他方法可以做到这一点，但是这种方法对我来说似乎是最好的。
名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
