0

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

现在我基本上是为 each 编写 css -webkit-min-device-pixel-ratio,然后手动将我的px值乘以该比率(略微调整舍入)。使用ems 对字体和其他一些东西很有用,但px如果我不想要一半、空白或重叠像素,我必须使用 s 来定位和调整元素大小。

有一个更好的方法吗?

如果不是,那么处理背景图像的最佳方法是什么。我真的不想仅仅因为我正在更改每个比例的每个图标的每个背景位置,就必须重新编写每个背景background-size位置device-pixel-ratio

4

1 回答 1

0

You can try using the viewport meta tag. It lets you match width to the device's width. It also allows you to set initial scaling, set bounds on scaling, or even disable scaling. And here is a link to a relevant Stack Overflow question and answer on using the meta viewport tag.

于 2013-02-06T20:53:40.687 回答