HTML、CSS 边框向左折叠

Question

我在另一个元素的底部有 div，它设置为

.div {
   display:none; 
}

直到屏幕宽度低于一定数量。然后我用

@media(max-width:805px){
  .div {
     display:initial;
  }

比我有图像显示的。我不明白这是怎么回事。image showcasing problem

我不知道问题出在哪里，可能花了一个小时试图弄清楚。任何建议将不胜感激！

Answer 1

尝试：

  @media(max-width:805px){
   .div {
     display: block;
    }