主页 / 问题 / 1548637
Accepted
dmmm7
Asked:2023-10-30 10:21:05 +0000 UTC2023-10-30 10:21:05 +0000 UTC

智能手机屏幕尺寸的计算逻辑是什么？

  • 772

在一个英文网站上，我找到了一个智能手机屏幕尺寸列表： 例如，为什么这个列表中的尺寸带有分辨率，他们是如何计算的，为什么他们不直接表明其实际分辨率？
在此输入图像描述
IPhone 121170 x 2532390 х 844

design

2 个回答

  1. Best Answer

    为了使网站页面在智能手机上可读，我们提出了自适应可见区域设置 ( Viewport)。例如，它具有每英寸的IPhone 12分辨率和像素密度；如果以该分辨率显示网站，则由于相对于智能手机屏幕的像素值较小，智能手机屏幕上的字体将根本不可见。这会人为地降低智能手机的屏幕分辨率，并使网站呈现为在屏幕分辨率较低的智能手机上显示的效果。1170 x 2532460 ppi

    计算显示缩小程度的公式如下：
    如果屏幕密度小于200 ppi，则分辨率将等于物理分辨率。如果屏幕的像素密度200 ppi高达300 ppi，那么新分辨率将比1.5物理分辨率低几倍。如果屏幕的密度大于300 ppi，则新的分辨率将通过物理分辨率除以某个值来确定коэффициент。这коэффициент是由公式确定的 -Плотность / 150 ppi通常四舍五入为 2、2.5、3、3.5、4 等。

    例如：
    IPhone 12- 实际分辨率1170 x 2532 px、像素密度460 ppi。我们看到每英寸的像素密度IPhone 12( 460 ppi) 大于300 ppi，这意味着我们手动计算系数：460 ppi / 150 ppi = 3 (3.07 округляем до 3)。现在，使用这个系数，我们计算人工分辨率IPhone 12，或者换句话说，我们的分辨率Viewport: 1170 px / 3 = 390 px, 2532 / 3 = 844 px。现在，事实上，有了分辨率1170 x 2532 px，网站页面就会像我们智能手机的分辨率一样显示390 х 844 px。

    下一张图片显示了同样的事情，仅适用于IPhone 4：
    在此输入图像描述

    信息和材料取自网站 - https://itchief.ru/html-and-css/viewport-meta-tag

    • 2

  2. 苹果iPhone 12的物理屏幕尺寸为6.1英寸，分辨率约为1170 x 2532像素，像素密度约为460 PPI。苹果iPhone 12的视口尺寸为390 x 844像素，像素比约为3。

    视口-查看区域。

    简单来说，如果我们在浏览器中打开该网站，它看起来不会像 1170 x 2532 像素。

    iPhone 12 显示屏是一个带圆角的矩形。该矩形的对角线（不包括曲线）为 6.06 英寸（实际可视面积较小）。

    iPhone 12 - 规格

    • 0

相关问题