现象描述
一般会有点击按钮旋转图片（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，哈哈哈
