1

こんにちは私はcssメディアクエリを初めて使用するので、ご容赦ください。ただし、JavaScriptの代わりにcssを使用して、画面サイズが940px未満の場合、基本的に要素を非表示にしようとしています。

何らかの理由で、これはすべてのサイズで要素を非表示にしています。タイプミスなどが見つからないようです。displaynoneでは機能しませんか？

@media all and (min-width: 940px) {
#smallDistrictMap
{
    display:none;
}
}

画面サイズが940pxよりも小さい場合は機能しますが、画面が大きい場合は機能しないことに気付きました...

max-widthも追加してみました

@media all and (max-width: 2000) and (min-width: 940px) {
#smallDistrictMap
{
    display:none;
}
}

しかし、これは何らかの理由で効果がありません。aaaah

4

2 に答える 2

2

画面が940px未満の場合に要素を非表示にするには、940pxがMINではなくMAXであることを意味します。

@media all and (max-width: 940px) {
#smallDistrictMap
    {
        display:none;
    }
}
于 2012-06-28T18:08:43.727 に答える
0

さて、それはロジックのエラーでした。Zoltanが提案したように、コードをmax-widthに変更するとうまくいきました。

@media all and (max-width: 940px) {
    #smallDistrictMap
    {
        display:none;
    }
}
于 2012-06-28T18:10:53.663 に答える