javascript - 缩放图像 80% - jquery

Question

我使用媒体查询使我网站上的文本和布局(边距、填充等)具有响应性。

我将其设置为“如果浏览器窗口 < 1300 像素”，然后将所有测量值更改为 80%。这一切都很好，但我的图像没有响应，有没有办法使用 jquery 在我的图像上设置类似的东西，使 img 宽度为其完整大小的 80%(与缩放页面的其余部分成比例？ )

我使用的媒体查询是:

@media only screen 
  and (max-width : 1300px) {
    /* new css */
  }

Answer 1

如果屏幕宽度小于 1300px，下面的代码会将 img 元素缩放到 80%:

if ($(window).outerWidth() < 1300) {
    $('img').each(function(){
        $(this).width ( $(this).width () * 0.8) );
        $(this).height( $(this).height() * 0.8) );
    });
}