使用jquery触发resize事件?

时间:2011-03-24 18:17:42

标签: javascript jquery css webbrowser-control

您好我正在寻找一种简单的方法来调整我的身体内容,这与用户按Ctrl +或Ctrl-时会发生的情况相同,但我想根据浏览器大小自动触发它:

例如:

if($(window).width() > 1200){

//do resize

}
有人可以帮忙吗? 非常感谢!

4 个答案:

答案 0 :(得分:1)

使用合适的CSS样式不应该这样简单吗?我正在考虑分配依赖于与包含元素一起调整大小的百分比值的规则(如浏览器视口)。

当然,这可能不适用于每个CSS元素(我想mmmmm可能是font-size?)。如果想要调整大小的内容可以在CSS中完成,我建议采用CSS方法。

<强>更新

根据您在评论中所说的内容,您想要做的事情听起来有点复杂,但我可能会通过以下方式解决这个问题:

声明视口基准

// working on just width
var basewidth = 960;

声明CSS样式的基本值

var basecss = {
    fontsize: 12,
    borderwidth: 2
}

然后在调整大小

时触发一些计算
$(window).resize(function(){
    var ratio = $(this).width() / basewidth;
    $('#baseContainer *').each(
        $(this).css({
            'font-size' : basecss.fontsize * ratio + 'pt',
            'border-width' : basecss.borderwidth * ratio + 'px'
        });
    );
});

或类似的东西。当然,选择*选择器是过度的。

答案 1 :(得分:0)

jQuery触发器应该使用resize事件执行此操作,不是吗? http://api.jquery.com/trigger/

答案 2 :(得分:0)

答案 3 :(得分:-4)

在浏览器窗口中,有调整大小句柄。只要让您的用户抓住这些并在您认为尺寸合适时调整窗口大小。