限制宽度/高度jquery容器

问题描述：

我有以下代码是否是您的浏览器窗口的高基准。限制宽度/高度jquery容器

我的问题是如果我可以运行条件apartir只有主web容器的真正宽度（例如div＃容器980px）。

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

问候

“如果我可以运行调节apartir唯一真正的宽度”是什么意思呢？你的代码看起来好像会起作用。 – feeela

是的，这是我的代码我想从980px宽的网站工作 –

答

使用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请在这个网站只说英语。 – MarioDS

答

当然，你用这条线

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

更改它要求在浏览器窗口的高度，以

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

让您的网站的高度。但你可能想要宽度，所以你应该拨打width()。如果你所要求的是当你的实际站点调整大小以只运行的代码（我不会说西班牙语，但我想我明白你的问题），您可以使用：

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

当然，这是不行的当你设置一个固定的宽度。

限制宽度/高度jquery容器

相关推荐