css Dreieck mit einer reaktionsfähigen Seite

Question

Ich habe eine Weile gesucht, aber habe keine Lösung gefunden.

Das Problem ist, dass ich css Dreieck mit fester Höhe (50px) auf 100% Breite des div gestreckt werden muss.

Sicher kann es über js oder jquery getan werden, oder durch Ersetzen mit Svg, aber gibt es irgendeine reine CSS-Lösung dafür?

Answer 1

Reine CSS-Dreieck ist über Grenzen, und Grenzen unterstützt nicht Dicke in Prozent. Also ich denke es ist unmöglich.