如何处理不同的视口大小最好的方法？

Question

我正在编写一个使用移动优先设计原则的webapp。

我已经使用我的主设备测试了设计，但后来我发现，显示几乎相同的其他设备显示页面完全不同。

问题是因为设备像素比率，应用程序转向另一个媒体查询，因此边距看起来很奇怪。在图片看起来不多，但在设备上看起来真的很奇怪。

我有没有办法在javascript或css中修改设备像素比？