2

ユーザーの解像度に基づいて要素の高さをオーバーライドしようとしています。つまり、1024X768 以下の場合は高さを上げる必要があります。これは、ie8 を含むすべてのブラウザーで動作する必要があります。私は何もしない次のものを持っています。メディア クエリの使用方法が間違っていませんか? cssでこれを行うことは可能ですか?

コード：

#element {
position: relative; 
height: 66px;
}

@media screen and (max-width: 1000px) {
    #element {
          height:80px;
             }
}
4

3 に答える 3

1

クロスブラウジングには JavaScript を使用することをお勧めします $windowWidth = $(window).width();

それ以外の場合は、これを読んでください: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

于 2013-07-05T14:52:54.833 に答える
0

コードに何か問題があります。ここに投稿したものは機能するはずです。http://codepen.io/watson/pen/IcsEi

于 2013-07-05T14:52:11.710 に答える