Question

我正在尝试使用

让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是讲话泡泡的三角形

有什么想法吗？

此外，我的联系页面有时显示不稳定，有时候显示正常，为什么会发生这种情况？

Answer 1

试试这个

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

请将代码放在文件中，而不是放在CSS文件中

Answer 2

我只能找到这个：

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

哪个目标是错误的ID。也许我错过了正确的CSS，但无论哪种方式都没有应用，所以当前问题是ID或媒体语法

Answer 3

display: inline-block;未包含在媒体查询中。加上这个：

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

在调整大小时不能让div消失

3 个答案: