css三角形与一个响应方

Question

我已经搜索了一段时间，但没有找到解决方案。

问题是我需要固定高度（50px）的css三角形在div的100％宽度上拉伸。

当然，它可以通过js或jquery完成，或者用svg替换，但是有没有纯粹的css解决方案呢？

Answer 1

纯CSS三角形可通过边框进行管理，边框不支持百分比厚度。所以我想这是不可能的。