我需要显示一个 5x3 的图像网格。无论屏幕分辨率如何,此网格都需要保持相同的格式和大小。图像本身将响应调整大小。
我有一个显示在内联块中的图像列表,如下所示:
<div class="gridView">
<ul>
<li>
<img src="">
</li>
<li>
<img src="">
</li>
<li>
<img src="">
</li>
</ul>
</div>
CSS是这样的:
.gridView {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
text-align: center;
width: 100%;
}
.gridView ul li {
height: 100%;
max-height: 150px;
max-width: 200px;
width: 100%;
}
现在,当我调整窗口大小时,网格不会保持它的大小固定。如何确保网格保持不变,但只有图像自己调整大小?