窗口调整大小功能停止调整大小

Question

我正在使用以下jQuery脚本来将div的宽高比保持在不同的窗口大小。

$(window).resize(function() {
var ratio = 0.53;
$('.uitgelicht-item').width($(window).width() * ratio).height($(window).height() * ratio);
// instead of directly using "$(window).width() * ratio", you can call a method to
// calculate width and height each time window is resized.

});

当我加载页面时它会起作用，但只要我调整窗口大小（或转动手机/平板电脑屏幕），该比率就会丢失。

如何在窗口调整大小时让此脚本保持活动状态？

Answer 1

您的脚本在窗口调整大小时保持活动状态。请检查此fiddle我无法重现您所说的问题。

$(window).on('resize', function() {
var ratio = 0.53, div = $('.uitgelicht-item');

div.width($(window).width() * ratio).height($(window).height() * ratio);
div.text('width = ' + div.width() + ',height = ' + div.height())
// instead of directly using "$(window).width() * ratio", you can call a method to
// calculate width and height each time window is resized.

});