图片旋转后，父元素div自适应图片高度

现象描述

一般会有点击按钮旋转图片（90deg，180deg，270deg，360deg）的需求，如果图片的宽度比高度大，，那么当使用rotate属性旋转图片时，会发生该图片的父元素div高度不变，如下图效果：

image.png

解决办法

rotateImgParentDivAdapt: function(el) {  // 旋转图片时，让父元素div高度随着图片自适应  参数el为图片的id
       var test = document.querySelector("#"+el);
       var rect = test.getBoundingClientRect();
       if(rect.height - rect.width > 0) {
           $("#"+el).parent().height(rect.height)
           $("#"+el).css({
               "position": "absolute",
               "top": Math.abs(((document.getElementById(el).clientHeight - document.getElementById(el).clientWidth) / 2)),
               "left": ((document.body.clientWidth) / 2 - (rect.height)/2)
           });
       }else {
           $("#"+el).parent().css({
               "height": "inherit"
           })
           $("#"+el).css({
               "position": "static"
           });
       }
   }

重点来了：。。。。。。。。。。。。。。。。。。。。。。代码写的有点low，哈哈哈