使用screen.availWidth更改img大小

Question

所以我的代码是：

var avW = screen.availWidth;

     if(avW <= "769px"){

             $.css({ height: '300px', });
      }

但不要认为它是正确的，或者我错过了什么，请帮忙。感谢

Answer 1

尝试if(avW <= 769)

window.screen.availWidth返回整数，而不是字符串。

修改

您应该使用CSS媒体查询，如下所示：

@media screen and (min-width: 769px)
{
    #IMAGE_1_SLIDE,
    #IMAGE_2_SLIDE,
    #IMAGE_3_SLIDE
    {
        height: 300px;
    }
}