Question

好的，所以我有一个网站已经响应填充屏幕的高度和宽度。我想在右侧创建一个包含5个图像的垂直div。我希望5张图像能够保持原样，但是从16：9的屏幕变为4：3，它们并没有分散，以便垂直填充区域或签证。希望我正确解释这一点。

现在图像只是保持原样。因此，在笔记本电脑上，只有4个节目，第五个正在从页面上消失，然后当我进入4：3屏幕时，图像没有散开以填充底部的空白空间。

希望有人可以理解我正在做的事情并伸出援助之手。

由于

Answer 1

编辑以回复评论：试试这个：http://codepen.io/anon/pen/LjylJ

body，html { 高度：100％;

}

.img-wrapper＆gt; IMG { 高度：100像素; }

.IMG-包装{ 宽度：10％; 高度：20％; }

你可以在包含div上使用百分数。如果给它宽度100％并允许它设置自己的高度，图像将保持纵横比。

  .img-wrapper > img{
    width:100%;
   }

 .img-wrapper{
   width:10%;
  display:inline-block;
  height:100%;
  }