老师请批改，是否可优化

来源：2-4 自由编程

慕丝1342

2020-05-17 10:48:45

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>栅格系统完成响应式布局</title>
<link rel="stylesheet" href="css/grid.css">
<style>
*{margin: 0;padding: 0;box-sizing: border-box;}

img{
width: 100%;
}
.row{
margin-top: 100px;
background-color: #eee;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-4 col-sm-6 col-12">
<img src="img/1.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">
<img src="img/2.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">
<img src="img/3.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">
<img src="img/4.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">
<img src="img/5.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">
<img src="img/6.jpg" alt="">
</div>
</div>
</div>
</body>
</html>

写回答

1回答