移动像素的px ,dp/pt,dpr的关系

最新推荐文章于 2023-05-18 20:59:17 发布
转载 最新推荐文章于 2023-05-18 20:59:17 发布 · 465 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/zaoa/p/8629374.html

本文介绍了px、dp和pt等屏幕像素单位的概念，并解释了devicePixelRatio（dpr）的作用及计算方法。通过iPhone5的实际例子说明了物理像素与CSS像素之间的转换关系。

一：基础知识

px:逻辑像素，浏览器使用的抽象单位

dp,pt:设备无关像素 也叫物理像素

dpr:devicePixelRatio 设备像素缩放比

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

iphone5宣称的分辨率是640*1136，这里指的是物理像素但是在模拟器上显示出来的却是宽320像素，iphone5的320px*568px就是因为它的dpr等于2。此时一个css像素就会占据四个物理像素的位置，在x轴方向占两个，在y轴方向占两个。

转载于:https://www.cnblogs.com/zaoa/p/8629374.html

dp,px,pt,sp 的区别 以及dp 和 px 互转
Dev Blog
04-26 4万+
dp = dip : device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。 px: pixels(像素). 不同设备显示效果相同，一般我们HVGA代表320x480像素，这个用的比较多。 pt: point，是一个标准的长度单位，1pt＝1/72英寸，
dp和pt的区别
最新发布
weixin_44283589的博客
01-18 1025
在160 dpi屏幕上，1 dp等于1个像素。但是，随着屏幕密度的变化，dp与像素的比例也会相应变化，但不一定成正比。因此，使用dp作为单位可以确保在不同屏幕密度的设备上显示相同的尺寸。因此，pt单位的尺寸相对于dp单位的尺寸要稍微大一些。总结来说，dp是一种与屏幕密度无关的像素单位，而pt是一种绝对长度单位。在Android开发中，通常建议使用dp作为单位来测量屏幕上的尺寸，以确保在不同屏幕密度的设备上显示一致的效果。dp和pt是两种不同的单位，它们在Android开发中用于测量屏幕上的尺寸。
Android dp px ppi pt等概念的理解
u012873121的博客
05-18 3723
dp、px、ppi、pt等概念的理解
dp,px,pt,sp单位含义以及dp和px的转换
superwtt的博客
08-20 1120
第一次写，记录下心情         昨天接到一个任务，对方给了一个TXT格式的需求说明，同时附了几张效果图。         一看到图直接傻眼了，图上全是px，不过本菜鸟以前写dp多一些，突然见到这么多px，久忍不住去探索了下该怎么将px和dp以进行转换。同时拓展性的去了解了下常用的单位。         首先，先看看android中常用的单位代表的是什么：
浅谈dp px ppi dpr dpi
seven_begain的博客
05-16 1618
dpi ：（Dots Per Inch），指每英寸的像素，是衡量打印机打印精度的主要参数之一 ppi：PPI(Pixel Per Inch)表示数字影像的解析度（也许这样太过于抽象，dpi=ppi） px：像素单位。最基础的图像构成元素单位，css pixel 逻辑像素，浏览器使用的单位 dp pt：device independent pixel 设备无关像素或物理像素
揭秘移动端px,dpi,dpr
qq_34998786的博客
05-25 1278
前言移动端开发的时候，我们拿到的 UI设计稿通常都是 640px或者是 750px,明明我们的 设备视口宽度是设计稿的 一半,这是为什么呢？经常听到设计同学说，你这图片在 苹果手...
常见样式问题六、CSS长度单位（px、em、rem等）及相关内容
c11073138的博客
03-10 1014
一、基本长度单位1、相对长度单位px：像素。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。同样尺寸的屏幕，分辨率越大，像素的物理尺寸越小（分辨率=屏幕横向的像素数量 *屏幕纵向的像素数量。所以像素大小 = 屏幕尺寸^2 / 分辨率）。windows系统使用的分辨率一般是96像素/英寸。而mac的用户所使用的分辨率一般是72像素/英寸。ex：所有字体中小写x的高度。目前很多用户代理会将1/2...
移动Web开发：像素与视口优化指南
移动web开发问题文档深入探讨了移动前端开发的关键知识点，包括像素基础、设备无关像素（如dp、pt）、设备像素缩放比（dpr）、像素密度（DPI与PPI）以及视口概念在移动设备上的应用。 1. **像素基础**： - **物理...
px|pt|rpx|em|rem|vm|vh
qq_41864339的博客
12-29 332
px pt 参考 pt em em 参考 vh vw 参考 一. 概念解析 px:pixel,屏幕上显示数据的基本点 pt :point,印刷业常用单位 dpi(ppi):dot per inch(pixel per inch) 每英寸的像素点 rpx:responsive pixel（微信小程序专用）可以根据屏幕宽度进行自适应 em:相对于父元素的字体大小，em会继承父级元素的字体大小 rem:root em,相对于HTML根元素的字体大小 vw:view width 视口宽度 100.
手机分辨率和网页中的 px 是一回事吗？
IT修真院：初学者转行到互联网的聚集地
05-22 1240
大家好，这里是修真院前端小课堂，今天给大家分享的是 《手机分辨率和网页中的 px 是一回事吗？》 1. 背景介绍 对于 pc 端适配的问题（除开布局方式），在不改变电脑分辨率，和缩放网页状态下。通常只需要设置中设置 viewport 即可。但是放在手机上时候就不一样了，你需要了解 px,dips,ppi 等等有关知识，才能应付移动端各种适配问题以及坑，光是 Android 各种花式...
android逻辑分辨率,移动端web页面知识小结之手机分辨率与手机像素
weixin_39706441的博客
05-25 1185
一直以来，本人对移动端分辨率、像素的概念傻傻分不清，特总结下文，以便日后查看。一 屏幕分辨率是指屏幕上垂直方向和水平方向上的像素个数。常见取值 480X800,320X480等IPhone手机的屏幕分辨率如下图： 二 逻辑分辨率(像素)和物理分辨率(像素)IPhone手机逻辑像素与物理像素的对应关系如下图： 物理像素PX：CSS pixels 物理像素逻辑像素dp/pt/dip:device in...
物理像素，逻辑像素(pt)，css像素(px)，像素比(dpr)都是什么？px，em，rem等 都是什么？有什么区别？
m0_37856464的博客
10-19 5812
（像素）分辨率：手机屏幕的实际像素尺寸。 像素密度(ppi/dpi)：(pixels per inch )每英寸的长度上排列的像素点数量（注：这里的像素， 指的是device pixels），是屏幕分辨率的单位。（这项指标是连接数字世界与物理世界的桥梁），1英寸是一个固定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。（比如 iphone4 的屏幕尺寸是3.5，像素分辨率是 960 * 640px ， 则 。 物理像素：设备屏幕实际拥有的像素点。一个...
px,pt，rem,vw,DPR之间的关系
qq_41995398的博客
03-26 351
px 相对单位，虚拟像素，逻辑像素，它是组成图像的基本单元，请注意不是屏幕上的最小显示单位小光点。 pt 绝对单位，设备像素，物理像素，就是显示屏上面的小光点。 rem 相对于根节点下font-size的倍数。 DPR device piels ratio 设备像素比，物理像素与逻辑像素之间的比例关系。 选手机的时候标识的分辨率其实是逻辑像素，这也就解释了为什么老版苹果手机分辨率不大但是画面细腻了， 这种显示屏单位面积像素点多（DPR大...
【CSS】物理像素 DP(device pixels)、物理像素比（DPR）、px 逻辑像素（CSS像素）、DPI、PPI 的概念解析 以及1px问题解决方法
这道题我不会做...不会做啊..太难了！！
05-01 5881
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 物理像素 、物理像素比、物理像素比、px 逻辑像素概念解析前言一、前提概念1.分辨率与物理尺寸关系目前绝大部分显示器都是基于点阵的同样的分辨率下，每个小点的尺寸仍然是可以大可以小的DPI（点每英寸）PPI（像素每英寸）转换关系扩展显示识别数据 EDID（extended display identification data）2.物理像素 DP(device pixels)3.物理像素比（DPR）4.视口（viewport）布局视口（lay
DPI/PPI/dp/sp/px/pt 移动设计手册
weixin_30454481的博客
07-16 189
转自DPI/PPI/dp/sp/px/pt 移动设计手册 做移动设计的同学，不管是原生app或者web app，应该对字体字号都是很头痛的问题。根本原因是，我们用唯一分辨率的电脑，设计各个不同尺寸大小分辨率的设备，那简直要疯掉了。 但不要着急，我们先来理解一下一些名词： 我们一般会碰到的度量单位主要有：dpi、ppi、dp、sp、px、pt、in。其中...
移动端开发 - 物理像素、逻辑像素、dpr等概念梳理
LRQQHM的博客
01-05 2196
屏幕尺寸 屏幕尺寸一般用英寸（inch）来描述，指的是屏幕对角线的长度，例如平时常常说的 13寸、15寸、27寸指的就是这个，手机的 6.1寸、6.5寸也是如此 其计算方式如下： 通过屏幕宽高可以计算出对角线长度（单位：mm），又由于 1英寸=25.4mm ，因此可以通过这种方式计算出屏幕的尺寸。 分辨率 分辨率一般可以细分为屏幕分辨率、图像分辨率、打印分辨率等。 屏幕分辨率 对于屏幕分辨率而言，指的是显示器显示的像素点数，例如经常看到的 1024768、1366768、2560 x 1600 等，在屏
像素（物理像素dp、逻辑像素dip、物理像素 / 逻辑像素drp）
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
04-26 3012
1.1物理像素(设备像素-device pixels) 1个物理像素就代表1个真实的像素点，是设备屏幕能控制显示的最小单位，我们常说的1920×1080像素分辨率就是用的物理像素单位。 1.2逻辑像素(设备独立像素-device independent pixels) 逻辑像素：是与设备屏幕无关的像素，它可以通过程序控制使用的虚拟像素，是一个总体概念。逻辑像素中包括了CSS像素。
px、物理像素、rem、rpx的关系
qq_42318977的博客
07-05 790
px和物理像素
Android中dp、sp、px、pt之间的换算关系
Android成长日记
07-20 5548
Android中dp、sp、px、pt之间的换算关系换算公式1 dp = (dpi/160) px; 1 in = 72 pt = dpi dp; 1 pt = dpi/72 dp；当dpi为160（每英寸160像素点） - 1dp = 1px = 1sp - 1in = 72pt = 160 dp - 1pt = 2.22 dp；名词解释 px：像素，也就是屏幕上的点； in：英寸，长度单位
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值