使用空白区域调整图像大小

Question

我有三个内嵌图像 - 每个图像的宽度为33％。当您调整窗口大小时，包括图像在内的所有div都会完美地重新调整，但是不是调整整个图像的大小，所有图像都会调整大小，但不断看到较少的图像。

我希望尺寸可以按照目前的情况进行操作，而不会丢失完整图像的完整视图。

<div class = "main> 
    <div class = "image">
         <img src = "imgpathway">
    </div>

   <div class = "image">
             <img src = "imgpathway">
        </div>

    <div class = "image">
             <img src = "imgpathway">
        </div>
    </div


.main {
      white-space:nowrap;
}

.image{
    white-space:normal;
}