Html 使用空白调整图像大小

我有三张图片，每一张的宽度是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;
}

---

这里的语法问题（不关闭主类）是在这里还是在代码中？另外，如果代码中的图像不是内联的，正如您在这里看到的：-您可以粘贴更多的代码，或者，更好的是，请用更多的代码调整这支笔吗？添加
.image img{max width:100%；}
perfect@michaelocker，非常感谢：）如果你想将此作为答案发布，如果你愿意，我可以为你接受。@James cool，不客气。不，这个问题一直被问。我可以将其标记为副本，也可以将其删除。