Question

我有以下代码确实采用浏览器窗口的高基准。

我的问题是，我是否可以运行以区分主要Web容器的真正宽度（例如div＃container 980px）。

$(window).resize(function(){
    var ventana = $(window).height();
    var altura = ventana / 2;
    $("#gallery").css('height', altura);
});

此致

Answer 1

使用if( $( window ).width() > x )仅启用特定窗口宽度的调整大小效果：

var window = $( window );
window.resize( function() {
    if( window.width() > 980 )
    {
        var ventana = window.height();
        $( '#gallery' ).css( 'height', ventana / 2 );
    }
    else
    {
        /* reset for browsers that fire the event only once
         * at the end of the window resize action */
        $( '#gallery' ).css( 'height', 'auto' );
    }
} );

Answer 2

当然，您要求使用此行显示浏览器窗口的高度

var ventana = $(window).height();

将其更改为

var ventana = $("#container").height();

获取网站的高度。但是你可能想要宽度，所以你应该调用width()。如果您要求的是仅在您的实际网站调整大小时运行代码（我不会讲西班牙语，但我认为我理解您的问题），您可以使用：

$("#container").resize(function(){
    //code
});

当然，当您设置固定宽度时，这将不起作用。

限制宽度/高度jquery容器

2 个答案: