javascript - 图像宽度 100% 当高度大于 JQuery 的宽度时

Question

我正在尝试制作一个 wordpress 主题，所以我的代码是:

<div class="post-thumb">
<?php echo get_the_post_thumbnail(); ?> 
</div>

我会当高度大于宽度时，宽度=100%，高度=自动；当宽度大于高度时，height:100%,width=auto;

我已经尝试用 javascript 做到这一点，但没有成功!

var landscape = $(".post-thumb img ").css('width');
var portrait = $(".post-thumb img ").css('height');

if (landscape > portrait){
$(".post-thumb img").height('100%') .width('auto');}
else {
$(".post-thumb img").width('100%') .height('auto');}
);
},
});

任何解决方案!

Answer 1

既然可以使用 CSS，为什么还要使用 jQuery？

.post-thumb-img {
    height:auto;
    width:auto;
    max-width:100%;
    max-height:100%;
}

包含 auto 部分是因为旧版本的 Firefox 不查看 min- 声明，除非常规声明是显式的。