Как сделать адаптивный треугольник на svg?

Question

[timtimIT]

Здравствуйте.

Как сделать адаптивный треугольник на svg?
Как сделать простой -знаю , проблема с адаптивностью , он должен быть во всю ширину экрана и высота меняться в зависимости от экрана...
clip-path polygon (css) - не подходит , не кроссбраузерное свойтсво.

Answer 1

[HamSter]

так?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tr">
	<path d="M24 22h-24l12-20z"/>
</svg>

.tr {
  width: 100%;
  height: 100vh;
}

Comments

[timtimIT]

спасибо! почти, нужно чтобы высота была фиксирована , это возможно?

[HamSter]

timtimIT: к сожалению только так

Answer 2

[Андрей]

А трегульник на CSS подойдёт?

Comments

[timtimIT]

спасибо , но нет.

[timtimIT]

и кстати он будет не адаптивный