css3 - 如何用css画出一个宽度占满屏幕，高度固定的三角形？

Question

如何用css画出一个宽度占满屏幕，高度固定的三角形？

比如：

在上面那个容器宽度不固定的情况下也可以与上面的容器等宽。

Answer 1

用 border 來做的話好像不太容易實現，最後採用漸變和偽元素來實現，可以實現上面的效果，只是不知道你要相容的瀏覽器版本是什麼。

具體程式碼請參閱：http://codepen.io/yuezk/pen/xwQweW