我试图了解为什么如果我有一个Webseite可以处理1920像素的宽度,而我却拥有1920像素的分辨率的智能手机,它将显示不同的内容?

我找到了答案(URL),但这使我更加困惑。

我的一个例子:

我有一个div标头,其宽度为100%,并且该标头包含10张图像,当在桌面上查看该标头时,一切都很好(桌面宽度为1920px),现在我要更改为分辨率也从1920px开始的智能手机,其中一些是不再排队了。那为什么不可能呢?

DPI的答案使我感到困惑,因为:

我有2个屏幕,它们都具有相同的分辨率。我的Android的像素比我的台式机大,因此,怎么可能它们的分辨率却都相同呢?

如果有人可以向我解释这一点或引用一篇文章解释这一点,我将非常感激!

马库斯

最佳答案

他的意思是:

分辨率相同,但每个像素的物理尺寸不同。

假设您的屏幕长100厘米,智能手机长10厘米。
如果您的屏幕为1920像素,则每个像素为100/1920 = 0.052厘米长。
如果您的智能手机也具有19202px,则每一个将为10/1920 = 0.0052cm长

我只考虑一个维度以使其更容易。如您所见,像素的物理尺寸不同,结果也不同。

现在您可能会问自己“好吧,但是我该如何解决呢?”

好吧,而不是说“使该项目长10像素”
你可以说
“把它长1厘米”

我们已经看到,像素大小可以从一台设备更改为另一台设备,但是物理单位不能。
因此,每台设备的10个像素可能更长或更短,但1cm始终为1cm。

希望我能澄清您的疑问! :)

10-06 15:21