jquery等比例缩放

jQuery是一个非常流行的JavaScript框架，它可以简化JavaScript开发者的工作。其中一个非常实用的功能就是等比例缩放。

等比例缩放是指在缩放图像或者网页元素的时候，保持宽高比例不变。这种缩放的好处是可以保证元素在不同屏幕大小或尺寸的设备上都能有良好的显示效果。

 //获取元素的高度和宽度
 var imgHeight = $('.img-container').height();
 var imgWidth = $('.img-container').width();

 //计算比例
 var ratio = imgWidth / imgHeight;

 //按比例缩放
 $(window).resize(function() {
     var containerWidth = $('.img-container').width();
     $('.img-container').height(containerWidth / ratio);
 });

上面的代码中，我们首先获取了元素的高度和宽度，计算得出了比例。然后在窗口大小调整的时候，通过改变元素的高度实现等比例缩放。

有了jQuery的等比例缩放功能，我们可以轻松地在开发过程中实现良好的响应式设计，提高用户体验。