1

背景スタイルをボディに正常に適用する次のメディアクエリがありますが、他のものは変更されません。アイデアはありますか? 

@media (min-width: 980px) and (max-width: 1200px) {
body {
    background:#F00;
}
.contentsearch.navbar {
    margin-left: -475px !important;
    top: 200px !important;
    width: 950px !important;
}
.contentTabs {
    margin-left: -475px !important;
    width: 948px !important;
}
.ui-tabs-panel { 
    width: 948px !important;
}
}

これらの要素の元の css はこちら

.contentsearch.navbar { 
     position:absolute; 
     top:200px; 
     width:1170px; 
     left:50%; 
     margin-left:-585px;  
}
.contentTabs {  
border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    bottom: 55px;
    height: auto !important;
    left: 50%;
    margin-left: -585px;
    position: absolute !important;
    top: 241px;
    width: 1168px;
 }
.ui-tabs-panel {
    border-bottom: 1px solid #DDDDDD !important;
    border-top: 1px solid #CCCCCC !important;
    bottom: -1px !important;
    height: auto !important;
    overflow: auto;
    position: absolute !important;
    top: 47px !important;
    width: 1168px;
}
4

3 に答える 3

4

これを試してください：

    @media all and (min-width: 980px) and (max-width: 1200px){
....
}

どのタイプの画面でアクティブにするかを宣言するのを忘れました @media all and.....

あなたが持っている ：

  • 全て
  • 画面
  • 印刷する
  • ハンドヘルド
  • テレビ
  • 等..

あなたはこれについて優れた記事を持っています

于 2013-05-02T15:17:26.760 に答える
0

問題を解決しました。ご回答ありがとうございます。

問題は、私が別のアプリケーションからスタイルをコピーして貼り付けていたことでした.転送中に、それらを手で書き直した後、ある種の奇妙なフォーマット/文字を拾ったようです!

于 2013-05-02T15:56:31.363 に答える