2

これら 2 つのクエリを連携させることはできません。「最大幅: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; display:inherit;}
#footer_container1 {width: 990px; display:inherit;}
#footer_content_left1 {width: 150px; display:inherit;}
#footer_content_center1 {width: 150px; display:inherit;}
#footer_content_right1 {width: 150px; display:inherit;}


#product_listing {margin-left: 55px; }

#breakgarage {display: inherit;}



}





@media screen and (max-width: 1360px)    {    
#footer {width: 1360px;}
#footer_content {width: 1360px;}
#footer_container {width: 1360px;}
#footer_content_left {width:330px;}
#footer_content_center {width: 330px;}
#footer_content_right {width: 330px;}

#header {width: 100%;}
#header_info {width: 1360px;}
#border_header {width:1360px;}
#contact_data {width: 1360px;}
#contact_data img {float: left;}
.contact_data_space {padding-left: 75px;}
#contact_info {width: 1360px;}
#wrapper {width: 1360px;}
#container {width: 1360px;}

contact_info img {width: 50%}

}
4

2 に答える 2

6

CSS はカスケードです。上から下に解釈されます。そのため、1360pxスタイルがスタイルをオーバーライドし990pxます。990pxは の1360pxサブマッチですが、優先度は同じであるため、最初に最後のオーバーライドに移動します。

順序を逆にします。を使用する場合はmax-width、上から下に向かって、最大の末尾から最小の末尾まで書きます。

于 2013-04-04T15:51:12.693 に答える