桌面屏幕和移动屏幕具有相同的分辨率,但结果不同

时间:2014-10-09 09:58:58

标签: html css mobile pixel dpi

我想了解为什么如果我有一个工作在1920px宽度的Webseite并且我有1920px分辨率的智能手机,它会显示不同的?

我发现答案(URL)但这让我更加困惑。

我的一个例子:

我有一个div标题,其宽度为100%,此标题包含10个图像,在桌面上查看时,everthing很好(桌面宽度为1920px)现在我正在更改为我的智能手机,其分辨率为1920px,有些不再是在线。那么为什么不可能呢?

DPI的答案令我困惑,因为:

我有2个屏幕,它们都具有相同的分辨率。我的Android拥有比我的桌面更大的Pixel,那么它们的分辨率是多少呢?

如果有人可以向我解释或者提到解释这一点的文章,我会非常感激!

马库斯

2 个答案:

答案 0 :(得分:1)

他说的是:

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

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

我只考虑了一个方面,使其更容易。正如您所看到的,像素的物理尺寸不同,结果也是如此。

现在你可能会问自己"好的,但我该如何解决这个问题?"

好而不是说"让这个项目 10px长"
你可以说
" 1cm长"

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

我希望我澄清你的疑虑! :)

答案 1 :(得分:0)

对我来说解决方案很简单:

示例:

Galaxy S4分辨率(硬件像素):1920x1680

像素比率:3

Galaxy S4光学像素:640x340

相关问题