2

div を 100% 幅に設定しています。ページを 1024 解像度で表示すると、幅が 100% から 1000px に変更されます。@media クエリで適切に動作し、FF、サファリ クロームで正常に動作します。しかし、ie8 以下はそれを無視します。IE で 1024 解像度で div の幅を 100% から 1000px に変更する方法は他にありますか? これをjqueryで試しましたが、うまくいきません。

$(document).ready(function(){
if ($(window).width() < 1024) {
    $('#content')css('width','1000px')
} else {
    $('#content')css('width','100%')
};
}
4

4 に答える 4

1

メディアクエリはCSS3です。IE8以下でサポートされていないことを意味します。しかし、ここを見てください。これは、IEにメディアクエリのサポートをもたらします。

于 2012-10-17T18:40:10.090 に答える
0 
$(document).load($(window).bind("resize", changeWidth));

function changeWidth( e ) {
    if($(window).width()<1024)
    {
        $('#content').css('width','1000px');
    } else {
        $('#content').css('width','100%');
    }
}

jsFiddle

于 2012-10-17T18:45:12.457 に答える
0

このコードを使用できます：

    $(window).resize(function () {
    var width = screen.width;
    var height = screen.height;
    if (width <= 1024) {
        //somecode
    } else {
        //somecode

    }
 });

ただし、Sven Bieder が言及したように、CSS メディア クエリはレスポンシブ デザインよりも優れています。

于 2012-10-17T18:53:27.540 に答える
0

これをCSSで設定してみませんか：

width: 100%;
max-width: 1000px;

どの JS/jQuery ソリューションよりもはるかに効率的であることは間違いありません。

于 2012-10-17T19:02:25.407 に答える