首页图片自适应宣传海报

前言：昨天没有退款给别人，被人举报了，商户号封了，所以上面通知要做一个通知海报，告诉用户我们要升级对接第三方银联支付。我也不清楚怎么想的，有设计也不让设计处理图片，告诉我以后图片可能会奇奇怪怪的宽高比。并且图片还要完整的展示出来在一屏幕中，不能裁剪。我是栓住了。

解决思路：

1.首先判断图片的宽度是否超过可视区域的宽度，若是超过了，那么当前图片实际宽度就为可视区域的宽度，根据比值算出实际显示的图片高度，若是实际显示图片大于最大可视区域的高度，那么就要计算当前图片显示的高度为最大可视区域的高度。在根据比值算出宽度。

2.若是图片的宽度不超过可视区域的宽度，那么显示的图片宽度为可视区域宽度，若是图片的高度大于可视区域高度，就图片显示高度为可视区域高度，根据比值算出图片显示的高度

项目中使用