本文探讨了移动Web开发中的像素概念，包括物理像素、CSS像素和设备像素比。指出实际开发中不直接使用物理像素，而CSS像素作为逻辑像素在不同屏幕下表现不同。同时，介绍了设备像素比（dpr）及其对高清屏幕的影响，以及缩放对CSS像素的改变。还提到了每英寸的物理像素点（ppl）和ppi的概念。
像素
1.1物理像素
手机屏幕横向有828个点
手机屏幕纵向上有1792个点
同等大小屏幕下，点越多、图像显示越精细
上面所说屏幕上一个个点就是物理像素（physical pixel）
物理像素也叫设备像素（dp:device pixel）
可见，每个像素就是一个点，每个点由红绿蓝三原色组成，只需要控制每个点每种颜色的明暗，就可以显示不同的颜色
实际开发中使用物理像素吗
同等屏幕大小的两个手机一个横向有2个物理像素，一个有4个物理像素如果使用物理像素，则很明显展示的效果不一样，在高清屏幕下，可能图片会显示的很小，设置都会看看不清楚。
1.2css像素
CSS 像素，也叫逻辑像素（logical pixel）
也成为 设备独立像素（dip:divice independent pixel&#
最低0.47元/天 解锁文章
2251
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
