1,效果
2,代码
<!--Created by Sukla on 2018/3/27.-->
<!DOCTYPE html>
<html>
<head lang="en">
<title>图片等比缩放 实例</title>
<meta charset="utf-8">
<style>
.img-container{
width:700px;
height:700px;
background-color: #000000;
}
.img-item{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
</style>
</head>
<body>
<div class="img-container">
<img class="img-item" src="resources/images/bg.jpg" alt="图片示例"/>
</div>
</body>
</html>