CSS圖片Img等比例縮放且居中顯示

常用來做圖片放大顯示的遮罩層imgScale

HTML

<div id="imgScale" >
      <img src="">
</div>

CSS

.imgScale{
    width: 670px; 
    height: 320px; 
    display: block; 
    position: relative;
}
.imgScale img{
    max-width: 100%;
    max-height: 100%;
    width:auto;
    height:auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
}

效果圖