jquery - 限制宽度/高度jquery容器

Question

我下面的代码所做的就是对你的浏览器窗口进行高基准测试。

我的问题是我是否可以运行以仅调节主 Web 容器的真实宽度（例如 div #container 980px）。

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

问候

Answer 1

使用 anif( $( 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
});

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