Browser @用于调整图像大小的媒体查询仅适用于页面刷新

这是我的@media查询：

@media (max-height: 950px) {
#menu_img {
    height: 800px;
    width: 400px;
}
}

查询可以工作，但只有在我刷新页面时才能工作。重新调整浏览器大小时不会发生更改。我必须重新调整大小，然后刷新页面。这种情况发生在chrome浏览器上，而在Firefox或IE浏览器上，这种查询根本不起作用

我还尝试添加：

@media screen and (max-height: 950px) 

而且

@media only screen and (max-height: 950px)

---

如果您需要查看完整代码，可以在此处查看网站。

您需要一个视口标记，即

。您还需要删除

img

上的内联宽度，并通过CSS将

width:100%

添加到

img

。最后，删除CSS中的所有px宽度，并用百分比替换它们

谢谢Adam，我会给它一个tryOk，所以我将所有容器的px设置为%，删除了内联图像大小，并通过css将图像大小设置为%，并添加了viewport标记，在我刷新页面之前，它仍然没有调整大小。我假设你没有推动这些更改，因为你引用的站点没有反映这一点。我创建了一个，你可以看到我在这里谈论的内容。发现问题，是一个jquery影响了绑定到图像的im图像映射，添加了$（window）。resize（function（））解决了。你能更详细地解释一下你的意思吗？也许在问题中，或者在完整的答案中？我也有同样的问题，图像映射高亮jQuery脚本阻止图像调整大小。