小编Kas*_*dis的帖子

更改浏览器窗口的分辨率大小时,CSS媒体查询不起作用

我似乎无法让这两个查询一起工作.似乎我列出的在'max-width:1360'中显示的内容覆盖了我必须为990px​​显示的内容.990px​​的媒体查询不会覆盖1360px查询中定义的任何内容.我为页脚做了一个工作,但我认为这不是系统的设计方式.我做了一些研究,但我找不到任何能够解释为什么这不起作用的人:

@media screen and (max-width: 990px)    {
#header {width: 990px; display: inherit;}
#header_info {width: 990px;}
#border_header {width:990px;}
#contact_data { display: none;}
#contact_data1 {width: 990px; display: inherit;}
#contact_data1 img {float: left; }
#contact_info {width: 990px;}
#wrapper {width: 990px; float: left; }
#container {width: 990px; float: left; }
#left_window {width: 200px; float: left;  }
#left_window a {font-size:20px;}
#content {width: 687px; }
#right_window {display:none}



#footer {display:none;}
#footer_content {display:none;}
#footer_container {display:none;}
#footer_content_left {display:none;}
#footer_content_center {display:none;}
#footer_content_right {display:none;}



#footer1 {width: 990px; display:inherit;}
#footer_content1 {width: 990px; …
Run Code Online (Sandbox Code Playgroud)

css media-queries responsive-design

2
推荐指数
1
解决办法
6698
查看次数

标签 统计

css ×1

media-queries ×1

responsive-design ×1