1

私はメディア クエリを始めたばかりですが、この最初の問題は、私が何時間も費やしてきた私を夢中にさせています。

私は次のことを試みました：

@media screen and (max-device-width: 480px) {
    div.logothingy {
        z-index: 100;
        display:none !important;
    }
}
@media (max-device-width: 480px) {
    div.logothingy {
        z-index: 100;
        display:none !important;
    }
}
@media screen and (max-width: 480px) {
    div.logothingy {
        z-index: 100;
        display:none !important;
    }
}

ヘッドファイルの最後にロードし、firebugで見るとそこにあります。

次に、オブジェクト .logothingy に移動しますが、ウィンドウのサイズを小さくしてもスタイリングされません。つまり、それを取得してから上書きすることさえしていないということです。まったく取得していないだけです。頭がおかしくなる。助けてください。

わかりました私もこれをやっています:

.logothingy {
border:1px solid;
}
@media screen and (max-width: 480px){
.logothingy {
z-index: 100;
display:none !important;
}
}

境界を設定していて、残りの部分は行っていません。これが頭にある

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Update2: 780px に変更しましたが、動作しますが、480px の場合、スタイリングを取得せずに縮小することができます。

4

2 に答える 2

0

これは正しいものです

@media screen and (max-width: 480px){
}

div.logothingy の代わりに .logothingy だけを入れてみてください。

于 2012-10-12T16:25:17.367 に答える