用jQuery触发调整大小事件？

Question

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

例如 ：

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

//do resize

}

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

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

或类似的规定。 当然，选择*选择器是过大的。

Answer 2

您应该看一下matchMedia() https://developer.mozilla.org/fr/docs/DOM/window.matchMedia

Answer 3

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

Answer 4

在浏览器窗口中，有调整大小的句柄。 当您认为大小合适时，只需让您的用户抓住它们并调整窗口大小即可。