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

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

Answer 3

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

Answer 4

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

使用jquery触发resize事件？

4 个答案: