Question

对于内部网站点，我们有一些用户使用分辨率为1366x768且使用Internet Explorer 10或11的笔记本电脑

对于这个特定的边缘情况，我创建了一个使用max-device-height的媒体查询，并隐藏了某些元素以允许页面为他们更好地流动。

@media screen and (max-device-height: 768px) {
    .section img {
        display: none;
    }
}

如果具有此类笔记本电脑分辨率的用户连接具有更高分辨率的扩展显示器，则此媒体查询仍适用于Internet Explorer中该扩展显示中的浏览器。

在Chrome或Firefox中不会发生这种情况，它们会在扩展显示屏上正确应用预期的媒体查询。

我故意避免max-height因为这会导致桌面用户在内部撕掉标签并调整浏览器大小时会有轻微的刺激体验。

是否有一种方法可以在IE中避免这种情况，或者只是一种JavaScript解决方案？