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

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.

});