有没有办法用css、javascript或任何LIB重新排列对象？

现在我有一个叫appresponsive的头疼问题，我处理墙纸和图像大小的问题。现在我的困境是，重新排列应用程序的所有对象，使其看起来尽可能整洁，而不是出现空白或非常紧凑的对象

正如我在背景和屏幕大小方面所做的那样，这将通过解决，但在调查了智能手机市场上不同的屏幕大小后，我得到了以下结论：

存在一个平均的决议，你可以看到这一点

同样，你也可以查看维基百科上一个有趣的列表，它会让你认为图表上没有分辨率，这可能很重要

因此，我想知道有没有一种方法可以重新安排，而不是编写大量媒体查询的广屏组合

这是基于下一个：1280Hx720W屏幕中对象a和对象B之间的垂直空间不应与1920Hx1080W屏幕上的垂直空间相同，尽管两者具有相同的像素比16:9，这将使它们成为空空间。我知道有些地方别无选择，但你可以把物品摆放得好看

我希望我能解释清楚，并指望你们的支持来结束我的困境

注意：在web上，大多数人都说使用css媒体查询来调整图像，但没有重新排列对象

附：资源调查

---

关于这个图表，我注意到的一点是，这些分辨率并没有考虑设备像素比。例如，我的手机HTC One M7的设备像素比为3。即使是1920x1080，浏览器报告的分辨率为640x360 360x640纵向，因此您的媒体查询将影响这些宽度，而不是1920/1080。对，我使用的是基本分辨率示例iPhone 5s的分辨率是媒体查询中使用的分辨率的2倍，即320Wx568H，但是对于另一个设备，我必须得到像素比率，然后除以制作者的分辨率报告，然后写我的媒体查询？那太疯狂了。