admin管理员组

文章数量:1535774

2024年4月27日发(作者：)

移动端设计尺寸

现象

首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是

Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720×1280,

1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：

640×960, 640×1136, 750×1334, 1242×2208。

不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上

都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。

像素密度

要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕

的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。

每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和

像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，

iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。

所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。

这项指标是连接数字世界与物理世界的桥梁。

Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固

定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代

表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻

了一倍。

倍率与逻辑像素

本文标签： 尺寸像素屏幕长度世界

版权声明：本文标题：Android和Ios尺寸解析 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1714224297a393702.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。