CSS图片Img等比例缩放且居中显示

经常使用来作图片放大显示的遮罩层imgScaleweb

HTMLspa

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

CSS3d

.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);
}

效果图code

相关文章
相关标签/搜索