限制宽度/高度jquery容器[关闭]答案

【问题标题】：Limit width/height jquery container [closed]限制宽度/高度jquery容器[关闭]
【发布时间】：2012-10-30 05:12:27
【问题描述】：

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

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

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

问候

【问题讨论】：

"如果我能跑到条件除了真正的宽度"这是什么意思？您的代码看起来可以工作。
是的，这是我想在 980px 宽的网站上工作的代码

标签： jquery height limit

【解决方案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' );
    }
} );

【讨论】：

谢谢你 :) es justo que lo necesitaba
@Raul 请在这个网站上只说英语。

【解决方案2】：

当然，您是在用这一行询问浏览器窗口的高度

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

改成

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

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

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

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

【讨论】：