Hello，移动WEB—px,dp,dpr像素基础

问题点1：iphone5分辨率：640 * 1136 dp，为什么chrome浏览器F12中显示的320 *568？？

iPhone5 分辨率640 * 1136指的是物理像素，而实际开发中用的px是逻辑像素，

px : 逻辑像素，浏览器使用的抽象单位（抽象单位指根据不同设备可以变大变小）
dp, dt：物理像素，与设备无关（物理像素是固定的不会改变）
dpr：像素比
ppI越高，像素越高，图像越清晰，系统默认设置缩放比越大
视网膜Retina屏: dpr>=2

计算公式：1px = dpr^2 * dp

iphone5的dpr=2 即 1px = 4 * dp (x轴2个，y轴2个)

因此，640dp * 1136dp = 320px * 568px

问题点2：为什么iphone5的dpr等于2 ？

知识点：PPI

计算公式：PPI = （1136^2 + 640^2）/4=326ppi (视网膜Retina屏)，根据ppi缩放比图，326属于超高dpi，所以默认缩放比为2 即dpr=2

完整换算流程如图：

转载于:https://www.cnblogs.com/ly2646/p/9350535.html

Hello，移动WEB—px,dp,dpr像素基础相关推荐

android 字体像素转换工具类_android px,dp,sp大小转换工具
package com.voole.playerlib.util; import android.content.Context; /** * Android大小单位转换工具类 * * float s ...
css像素px，物理像素（pt），设备像素比（dpr），1px边框问题，viewport自适应
关于 css像素px,物理像素(pt),设备像素比(dpr),1px边框问题,viewport自适应等问题. 目录 **关于 css像素px,物理像素(pt),设备像素比(dpr),1px边框问题,v ...
android 密度像素,Android屏幕密度适配问题之px,dp,sp等详细介绍
一 ,android屏幕相关知识屏幕大小:指屏幕对角线的长度,使用"寸"度量,如4.7寸手机分辨率:分辨率指手机屏幕的像素点个数,如720*1280 指屏幕宽有720个 ...
Android 屏幕尺寸、屏幕分辨率(px)、屏幕像素密度(dpi)、密度无关像素(dp/dip)、屏幕适配
1. dp , dpi , px 关系 (假设已经熟悉了基本概念,也可以参考最后的链接) 2. 运行时dp 如何转换成 px 3. 使用dp 和 px 设计结果比较参考: Android屏幕适 ...
CSS中的px与物理像素、逻辑像素、1px边框问题
一直不太清楚CSS中的1px与逻辑像素.物理像素是个什么关系(作为一名前端感觉很惭愧 -_-!),今天终于花时间彻底弄清楚了,其实弄清楚之后就觉得事情很简单,但也只有在弄清楚之后,才会觉得简单(语出& ...
android 字体px转sp,Android中px,dp,sp区别及换算
px,dp,sp是Android中常用的距离单位. 基本概念: 屏幕尺寸:指的是屏幕对角线长度,用英寸(in)作为单位,1 in = 2.54 cm. 屏幕分辨率:在横纵向上的像素点数,单位px.一般 ...
New UI-常用计量单位px,dp,sp,pt解析与转换
New UI-常用计量单位px,dp,sp,pt解析与转换 --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入 ...
px,dp与sp的区别以及换算
1.px 即像素,1px代表屏幕上的一个物理像素点. "pixel" 的缩写,像素.是画面显示的基本单位,真实的像素并不是点或者方块(虽然有时这样显示),也没有实际固定长度,只是一 ...
px,dp,dip,sp,in,mm,pt详细分析
px,dp,dip,sp,in,mm,pt详细分析 px :(pixels),屏幕的像素点,不同的设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多. dip :(devi ...

Hello，移动WEB—px,dp,dpr像素基础

Hello，移动WEB—px,dp,dpr像素基础相关推荐

最新文章

热门文章