Javascript 问题缩小图像和divs的高度-CSS/

我在这个网站上工作，我需要根据窗口的高度缩放div列（包含图像）。我已经在safari（但不是chrome或firefox）中使用了它，我读了很多书，但找不到解决我特定问题的答案。我尝试了一些javascript的东西来修复它，但是没有成功

每次加载时它看起来都很好，但缩放后我有两个问题

1.）缩小窗口时，图像不会缩小其宽度，而是缩小其高度。（由于其div不是缩放宽度）

2.）放大时，它会缩放图像，但不会缩放div（遮罩图像的一部分）

任何帮助都将不胜感激！希望这只是我不知道我在做什么。

在课堂上改变

最小宽度：0px； 重量：100%； 宽度：100%

---

溢出y：隐藏

这并没有解决问题。我的宽度大的唯一原因是防止它将列折叠成行。有没有办法通过javascript将我的div的宽度设置为窗口高度的百分比？假设我的div的高度是50%，而我的宽度是窗户高度的50%，使它成为一个完美的正方形？