圖片不拉伸

前一段時間重構了我們公司官網，在寫首頁輪播圖片的時候，根據我的電腦屏，設置樣式，沒問題，到了筆記本後，發現由於高度沒改變，寬度改變照成了圖片的拉伸

 這個圖片，在筆記本上的時候，圖片上的文字會被拉伸，想着也不能讓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%);
}

這樣就解決了圖片失幀的圖片~