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

Question

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

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

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

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

到目前为止，我只发现下面的代码不起作用

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

谢谢

Answer 1

我查看了您的网站，发现您正在使用 % 到顶部和左侧的每个元素尝试使用 px 以便修复它。

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