CSS 垂直排列图片，适应屏幕高度，不显示滚动条

可以使用以下 CSS 样式来实现图片垂直排列，并根据屏幕高度自适应调整图片尺寸，无需滚动条：

.container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}

img {
  max-height: 100vh;
  max-width: 100%;
}

在 HTML 中，创建一个容器元素，并将所有图片元素放在其中：

<div class="container">
  <img src="image1.jpg">
  <img src="image2.jpg">
  <img src="image3.jpg">
  ...
</div>

这里使用 flexbox 布局，将容器元素的 flex-direction 属性设置为列 (column)，并将子元素对齐到左侧 (align-items: flex-start)。overflow 属性设置为 hidden，这样当容器高度超出屏幕高度时，不会显示滚动条。

对于每个图片元素，使用 max-height 属性设置最大高度为屏幕高度 (100vh)，使用 max-width 属性设置最大宽度为 100%，这样图片会根据容器大小自适应缩小。

注意：如果图片本身的宽高比例与屏幕宽高比例不同，图片可能会出现留白或裁剪的情况。可以使用 object-fit 属性来调整图片的填充方式，例如设置为 cover 或 contain。