当图片有宽度的时候,图片的高度会随着宽度成比例缩放!
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/reset.css">
<style>
html,body {
height:100%;
}
ul {
width:100%;
}
li {
width:20%;
float:left;
margin-left: 4%;
}
img {
width:100%;
}
</style>
</head>
<body>
<ul>
<li>
<img src="img/rentou.png" alt="">
</li>
<li>
<img src="img/rentou.png" alt="">
</li>
<li>
<img src="img/rentou.png" alt="">
</li>
<li>
<img src="img/rentou.png" alt="">
</li>
</ul>
</body>
</html> -->