使用js css调整浏览器窗口大小时不要应用媒体查询

Question

我现在建立一个网站，其中包含一个具有特定背景的动画部分，因此元素根据背景定位，具有绝对定位。

对于不同的桌面分辨率，我使用特定窗口宽度/高度的css媒体查询修复了定位。所以现在当用户使用浏览器窗口调整大小时，有一些范围宽度/高度明智的元素被压碎，因为我不能只检查每个像素。

有没有办法只对真实的桌面设备应用媒体查询，所以当用户调整浏览器大小时，我只是通过滚动设置一些特定的宽度/高度到包装器？

此类网站部分还有其他想法吗？

到目前为止，我发现只有以下代码无效

var size = [1440,900];
jQuery(window).resize(function() {
    window.resizeTo(size[0],size[1]);
});

由于

Answer 1

我已经进入了你的网站，我发现你使用的是％to top和left for each elements尝试使用px以便修复它。

.diamondOneAnimatedArea {
    position: absolute;
    float: left;
    width: 190px;
    top: 35%;
    left: 0%;
}