CSS 宽高自适应三角形

100vw表示视口宽
10vm表示视口宽的10%

    .square {
         10%;
        height: 10vw;
        background: tomato;
    }