如果宽度大于500像素，则更改其高度-jQuery

Question

我在页面上有一个项目（500x200），当它的宽度大于500px时，高度应增加到400。

是否可以用jQuery完成？

Answer 1

是的，可以通过jquery进行如下操作：-

if (window.matchMedia("(min-width: 501px)").matches) {
                alert('this is working with only more than 500px width');
            }

Answer 2

您可以使用调整大小

  $( '#item' ).resize(function() {
     if($( '#item').width()>500)
    {
    $( '#item').height($( '#item').height()+400);
    } 
    });

Answer 3

$（'＃myimage'）。width（500）; //单位为像素 $（'＃myimage'）。height（400）;