Android 如何为移动跨平台站点编写CSS

iOS很简单，因为像素比总是1或2，目标dpi总是像素/比率。然而，Android使用1.3、1.5，在某些情况下，像素比率为2.25。我不知道有什么方法可以将android设备的目标dpi设置为像素/比率，这将是一个简单的解决方案，但我认为对于任何物理像素计数是其下降计数的奇数倍（1.3、1.5等）的显示器来说，像素解决方案是不完美的

现在我基本上是为每个

-webkit-min设备像素比率
编写css，然后手动将我的
px
值乘以该比率（稍微调整四舍五入）。使用
em
s对于字体和其他一些东西非常有用，但是如果我不想要半像素、空像素或重叠像素，我必须使用
px
s来定位和调整元素大小

有更好的方法吗

如果没有，处理背景图像的最佳方法是什么。我真的不想仅仅因为我正在更改每个
设备像素比率的
背景大小
，就必须为每个比率的每个图标重新写入每个背景位置。您可以尝试使用meta标记。它允许您将宽度与设备的宽度相匹配。它还允许您设置初始缩放、设置缩放边界，甚至禁用缩放。并链接到有关使用meta viewport标记的堆栈溢出问题和答案。
我实际上已经设置好了所有视口，但android设备的设备宽度似乎是物理像素，而不是凹陷。你知道这是否正确吗？我想我的问题，真的，是我对像素完美的痴迷。我无法忍受以某种方式进行缩放的想法。对不起，我没有这方面的直接经验。我认为缩放只是现代网页设计的一部分。我能想到的最好的替代方法是使用媒体查询根据视口将网站捕捉到不同大小的布局，而不是连续地这样做。