图片不拉伸

前一段时间重构了我们公司官网，在写首页轮播图片的时候，根据我的电脑屏，设置样式，没问题，到了笔记本后，发现由于高度没改变，宽度改变照成了图片的拉伸

 这个图片，在笔记本上的时候，图片上的文字会被拉伸，想着也不能让ui 重新再设计图片，所以就试着解决了一下，

以下只供参考，不同的项目可能会有不一样的问题，

box{
     width:100% !important;
    position: relative;
    height: 370px;
    overflow: hidden;
}


img{ 

    position: absolute;
    height: 370px;
    left: 50%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

这样就解决了图片失帧的图片~