li a img标签的不变形、不超出、上下左右居中的解决办法

 最终代码：

 
div{
width：500px；
height：500px
}
img{
max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}