实现

  1. 取得所有超出容器宽度的图片
  2. 遍历所有图片 , 按等比例得到图片的宽高
  3. 重新设置图片的witdth /height
    /**
     * 判断是否进入可视区域
     */
     $(function(){
        //取得容器的宽度
        var windowWidth = $(window).width();
        $("img").each(function(){使用each遍历所有图片
            var img_w = $(this).width();//图片宽度
            var img_h = $(this).height();//图片高度
            if(img_w >= windowWidth || img_w > (windowWidth-80) ){//如果图片宽度超出容器宽度
                //高度等比缩放(等比例缩放图片后图片宽度会与容器宽度一样,所以我多-80.)
                var height = ((windowWidth-80)*img_h)/img_w; 
                //设置缩放后的宽度和高度
                $(this).css({"width":(windowWidth-80),"height":height});
            }
        });
    });