html - 如何使用空白：nowrap 在元素中制作图像最大宽度 = 屏幕尺寸？

Question

我正在为触摸屏制作照片滑块。基本上我有一个带有空格的元素： nowrap; 在不同数量的照片中，用户可以滚动 x 来滑动照片。

我希望每张照片不超过屏幕尺寸，但宽度 100% 不起作用，因为容器具有可变宽度。

<div style="white-space: nowrap; overflow-x: auto;">
  <img>
  <img>
  <img>
</div>

如何才能做到这一点？