Question

在这个带有响应式CSS的示例中，display：table to block或inline使div消失。

更新：简化代码： http://jsfiddle.net/sebababi/434ja/1/

@media(max-width:767px){
    #sidebar, #map_canvas, #main, #header,#nav {
      display:block !important;
    }
}

更新：它们不应该消失，相反它们应该充当div块，并堆积起来。那么，我做错了什么。当我检查控制台时，它说它们仍然显示：table。

Answer 1

一旦媒体规则启动并删除了表格显示，position: absolute就会启动并将元素移出屏幕。因此，请删除position: absolute或执行以下操作：

@media only screen and (max-width:767px){
    #sidebar, #map_canvas, #main, #header,#nav {
      display:block !important;
      position: static;
    }
}

@media查询响应式CSS显示表阻止或内联消失与小屏幕

1 个答案: