提问人：dmmm7 提问时间：10/30/2023 最后编辑：dmmm7 更新时间：10/30/2023 访问量：39
了解屏幕尺寸
Understanding screen sizes
问：
在网站上，我看到了下一张图片：
例如，如何理解 iPhone 390 上的屏幕尺寸 844 x 12，而 iPhone 12 的屏幕分辨率是 2532 x 1170，为什么是 390 x 844？
网站 - 手机屏幕尺寸
答：
0赞
Algue
10/30/2023
#1
屏幕分辨率与屏幕尺寸不同，屏幕尺寸更多的是关于比率，而屏幕分辨率定义像素数。 屏幕尺寸主要用于了解设备的长度和宽度之间的比例。
例如，iphone 12 的屏幕分辨率是这里屏幕尺寸的 3 倍。而对于 iphone 11 的情况，屏幕分辨率是屏幕尺寸的 2 倍。
1赞
dmmm7
10/30/2023
#2
为了使网页在智能手机上可读，发明了可见区域（）的自适应设置。例如，分辨率为 ，像素密度为 。如果网站以这样的分辨率显示，由于相对于智能手机屏幕的像素值较低，智能手机屏幕上的文本将太小而无法阅读。正因为如此，智能手机的屏幕分辨率被人为地降低，网站的显示就像在屏幕分辨率较低的智能手机上一样。ViewportiPhone 121170 x 2532460 ppi
计算显示将减少多少的公式如下：
如果屏幕的像素密度小于 ，则分辨率将等于物理分辨率。如果屏幕的像素密度为 to ，则新分辨率将比物理分辨率低几倍。如果屏幕的像素密度大于 ，则通过将物理分辨率除以某个系数来确定新的分辨率。该系数由公式 - 确定，通常四舍五入为 2、2.5、3、3.5、4 等。200 ppi200 ppi300 ppi1.5300 ppiPixel Density / 150 ppi
例如：-实际分辨率，像素密度。我们可以看到 （） 的每英寸像素密度大于 ，因此我们手动计算系数： 。现在，使用这个系数，我们计算 的人为分辨率，或者换句话说，计算我们的 ： ， 的分辨率。现在，实际上，分辨率为 ，将显示一个网页，就好像智能手机的分辨率是 一样。iPhone 121170 x 2532 px460 ppiiPhone 12460 ppi300 ppi460 ppi / 150 ppi = 3 (rounded to 3)iPhone 12viewport1170 px / 3 = 390 px2532 / 3 = 844 px1170 x 2532 px390 x 844 px
下一张图片演示了相同的概念，但对于：iPhone 4
信息和材料取自网站 - https://itchief.ru/html-and-css/viewport-meta-tag。
评论