如何使用white-space：nowrap在元素中制作图像max-width = screen-size？

Question

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

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

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

如何做到这一点？