Browser 缩小图像以适应浏览器窗口？

我只是想知道是否有人能帮我。我正在创建一个全幅面布局的网站，我希望它随着浏览器窗口的扩展/收缩而调整，也就是说，当用户拉入他们的窗口时，所有内容都会缩小并移动/当用户拉出窗口时，所有内容都会恢复正常

假设我有一个由三个300px的图像组成的网格，所有的图像都排成一行，我希望它们只缩小一点，并且在拉入时保持行格式。我将如何实现这一点

我甚至不知道从哪里开始

---

谢谢你的帮助

例如，在HTML中添加add width=“20%”，height=“20%”时，这将根据屏幕大小扩展或缩小文本