javascript - 使用 jquery 触发调整大小事件？

Question

你好，我正在寻找一种调整 body 内容大小的简单方法，这相当于用户按下 Ctrl+ 或 Ctrl- 时发生的情况，但我想根据浏览器大小自动触发它:

例如:

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

//do resize

}

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

Answer 1

如果使用适当的 CSS 样式，像这样的事情不应该足够简单吗？我正在考虑分配依赖于随包含元素(如浏览器视口(viewport))调整大小的百分比值的规则。

诚然，这可能不适用于每个 CSS 元素(我在想 mmmmm 也许 font-size？)。如果您想要调整大小的内容无论如何都可以在 CSS 中完成，我建议您采用 CSS 方法。

更新

根据您在评论中所说的内容，您想要做的事情听起来有点复杂，但我可能会通过执行以下操作来解决它:

声明视口(viewport)基准

// 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'
        });
    );
});

或类似的东西。当然，选择 * 选择器有点矫枉过正。