无法让 div 在调整大小时消失



我正在尝试使用

使DIV消失
@media all and (max-width:1000px) {
  #triangle{ display: none; }
}

,但由于某种原因,这对我不起作用。这是Div的CSS:

#triangle {
 width: 0;
 height: 0; 
 position:absolute;
 top:110px;
 right:250px;
 border-bottom: 100px solid #d8e2ff; 
 border-left: 100px solid transparent; 
 border-top-right-radius: 0%;
 display:inline-block; 
}

这是网站:http://www.ciaransmith.ie/aboutme.php。DIV是语音气泡的三角形

有什么想法?

另外,我的联系页面有时会显示奇怪的,而其他时间则很好,为什么会发生这种情况?

尝试此

@media all and (max-width:1000px) {
  #triangle{ 
    display: none !important; 
  }
}

请将代码本身放在CSS文件

我只能找到这个:

@media all and (max-width:1000px) {
  #whiteback { display: none; }
}

针对错误的ID。也许我错过了正确的CSS,但无论哪种方式都不会被放松

display: inline-block;未包装在媒体查询中。添加此:

@media all and (min-width: 1001px) {
    #triangle {
        display: inline-block;
    }
}

最新更新