wordpress网站jQuery实现图片缩放问题

问题遇到的现象和发生背景

希望在wordpress网站实现横的图片（landscape图）缩到772px，竖的图片（portrait）缩到539px，用了jquery，代码如下：

问题相关代码，请勿粘贴截图

//resize.js代码
ImgLimit($('.content img'));
function ImgLimit(obj){
var maxWidthLandscape = 772;
var maxWidthPortrait = 539;
if (maxWidthLandscape > $(window).width()) {
maxWidthPortrait = maxWidthPortrait * $(window).width() / maxWidthLandscape;
}
obj.each(function(){
if( $(this).height >= $(this).width) {
// $(this).width(maxWidthPortrait);
$(this).css("max-width",maxWidthPortrait);
}else {
// $(this).width(maxWidthLandscape);
$(this).css("max-width",maxWidthLandscape);
}
})
}

//插入代码
wp_enqueue_script( 'resize', get_template_directory_uri() . '/js/resize.js');

运行结果及报错内容

时常出现第一次加载时不缩，再刷一次就缩图的情况。
还会出现强制刷新command+option+r不缩图，再command+r就缩图，再再command+option+r又不缩图。
还会出现有的图缩图，有的不缩图。
……

我的解答思路和尝试过的方法

曾试过：
1、关闭wordpress的lazyload
2、在头部加载.js
3、关闭wordpress的cache插件
4、植入其它jQuery插件中
5、更换浏览器（我的：mac+safari），换过edge，firefox。
6、从古腾堡编辑器，切换为经典编辑器。
全、部、都无效！
目前只有一个办法有效：
在wordpress文章中，把所有图片，一张一张重新删掉，再在媒体库查找原图，重新插入后，就好了。但是图太多，几万张，我不可能重新全部搞一遍。

我想要达到的结果

求解！！