如何制作使用css边框响应的形状？

Question

我正在尝试使用css边框创建一个形状

<div class="shape>
</div>

这是上面代码的CSS:

.shape{
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

我想让这个形状响应.可能吗？提前致谢 :)

Answer 1

使用视口单元:http: //www.w3schools.com/cssref/css_units.asp

.shape{
width: 0;
height: 0;
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-bottom: 10vw solid red;
}

<div class="shape"></div>