设备像素 / css像素

概念

像素: 又称画素,是图像显示的基本单位 

设备尺寸相同时,像素越密集,屏幕可以显示的画面越细致,密集程度即为 屏幕像素密度

像素分为两种,即设备像素和css像素(又称逻辑像素)

1.设备像素:设备屏幕的物理像素,每一台设备的物理像素都是固定的

2. css像素:为web开发者创造的逻辑像素

web端:1个逻辑像素往往对应一个设备像素

移动端:由于屏幕尺寸的限制,逻辑像素和设备像素常常会以一定比例进行缩放

即此 产生的比例即为设备像素比 简称DPR

DPR =设备像素/ css像素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • title: 移动端Web页面适配浅析date: 2018-01-31 16:38:01tags: 移动端 适配 ...
    豆板儿阅读 12,402评论 0 16
  • 为什么模拟器下iP6的分辨率为375*667而设计图一般给750*1334? PPI:每英寸内有多少物理像素点(设...
    LoveBugs_King阅读 2,256评论 0 0
  • 那一年,毕业照发下来的时候,大家都聚在一起讨论谁的眼睛合上了,谁的手搭在了谁的肩上,谁笑得最阳光灿烂,只有大熊一声...
    小花一朵朵阅读 361评论 0 4
  • 班主任交给我一个花名册,指着一个好听的名字说,“她有事,其他正常点名。”我看着心蕊排在第二,不知道划请假,还是划矿...
    往事如烟2阅读 331评论 1 1
  • 你是我不敢点起的烟火 我是一团熄灭的柴 想念与不舍含在嘴里 胆怯吐露 我不敢开启一场盛大 怕结束的悄无声息 你是生...
    野生川阅读 264评论 0 3