Css 我如何转动我的三角形？

我试着让我的三角形响应，因为它只在台式电脑上工作，我怎么能做到呢

我这里有一个代码，我想把我的div变成一个响应div，用于移动电话、平板电脑

三角形代码：

*{
background-color: black;
    padding:0;
    margin:0 auto;
}


.triangle-down {
width: 0px;
height: 0px;
border-style: solid;
border-width: 642px 187.5px 0 187.5px;
border-color: #007bff transparent transparent transparent;
}

html代码

<div class="triangle-down"></div>

您可能应该使用百分比而不是像素，您可以通过将像素大小除以上下文计算出等效值，上下文通常是未声明的主体容器的大小，但为了方便起见，通常为1000px。要使用ems，它将除以基本字体大小，或者您可以使用转换器，如果您尚未声明基本字体大小，它通常为16px

如果您不介意使用背景辐射，这可以作为正文背景的替代方法：。

---

如果希望边界正确缩放，则测量值必须以百分比为单位。不幸的是，边框宽度不适用于百分比。您可以使用媒体查询和断点，也可以使用线性渐变。请参阅此链接：

body {
  background:
    linear-gradient(
      to top left,
      black,
      black 50%,
      rgba(0,0,0,0) 50%,
    rgba(0,0,0,0)) top  center no-repeat,
    linear-gradient(
      to top right, 
      black, 
      black 50%, 
      #007bff 50%, 
      #007bff     )  top center no-repeat;
    background-size:40% 200%;/* set your own values and units here */
    background-color: black;
    padding:0;
    margin:0 auto;
    min-height:100%;
}
html {
    height:100%;
}