物理分辨率与逻辑分辨率,pt与px

有些小伙伴们,在使用chrome的移动端调试工具调试网页的时候,会发现iphone6上的尺寸为375*667,不禁差异,iphone的分辨率不是750*1334吗?

实际上调试器上的大小单位不是px,而是pt(point)

这就得说到物理分辨率与逻辑分辨率

物理分辨率:屏幕的实际大小,小伙伴们可以尝试一下对iphone6的大小进行测量,大小为375px*667px,请注意分辨率的概念有许多种,这是指长度单位px,

为了不与分辨率相混淆,单位设为pt(实际上用px作为分辨率的单位是不合适的,极容易被初学者混淆,所以就本人而言,在表达分辨率时,不用px作为单位)

逻辑分辨率: 手机上1px与1px大小的区域,用屏幕上的显示元件来显示,会用到几个?答案是1个、4个或9个,这因屏而定,而逻辑分辨率,指的就是这些最小的

显示元件的数目。

总结如下:

物理分辨率

单位: pt point

意义: 屏幕大小

逻辑分辨率

意义:元件数目

日常盗图

关于两者之间的比例,可通过设备像素比,来获取 window.devicePixelRatio

规律

1--4(4所有系列) 1

5--6(单指iphone6) 2  开始采用retina屏

6+ 3

时间: 2024-10-26 11:29:57

物理分辨率与逻辑分辨率,pt与px的相关文章

浅谈实际分辨率与逻辑分辨率实现像素与尺寸的准确转换

[实例] 最近做了一个视力检测的APP项目,其中用到了将像素转换为实际大小,经过研究学到了一些知识,在这里和大家分享一下. 实现步骤为: 首先获取物理参数: 1.手机的像素密度(1英寸=x像素) dpiX/dpiY 2.实际像素与逻辑像素的比例 scale 然后算出每毫米等于多少像素(我国习惯使用毫米或厘米,因此将英寸转换为毫米,1英寸=25.4毫米)  最后将虚拟像素转换为实际像素 [实际分辨率与逻辑分辨率] 大家都知道,电脑可以设置为多种分辨率,可以和真实的像素不一样,这样就会产生一个实际大

手机屏幕分辨率术语:逻辑分辨率和物理分辨率

手机屏幕分辨率术语:逻辑分辨率和物理分辨率 发布于: 2015 年 5 月 13 日 by admin 最近在25学堂的群里,发现有好几位小伙伴们在询问一些关于智能手机屏幕的分辨率尺寸的问题.我也想肯定大多数的从事移动开发的小伙伴们也不是特别清楚,到底啥是逻辑分辨率和物理分辨率. 今天25学堂的老谭从个人的角度和一些极客的观点中汇总出来,给大家扫盲一下. 众所周知,手机屏幕分辨率是手机的重要参数之一. 大家都知道移动端设备屏幕尺寸非常多,碎片化严重.尤其是Android,你会听到很多种分辨率:4

【物理分辨率】与【逻辑分辨率】

之前一直没搞清楚 win 10 DPI: 200%,到底是哪个坐标受到影响. 今天算是搞明白了. 与鼠标相关的,比如点击,移动操作使用的相关坐标依据的是[逻辑分辨率] 与屏幕取色.截图,找图相关的坐标,依据的是[物理分辨率] HWND hwnd_desktop = GetDesktopWindow(); HDC hdc = GetWindowDC(hwnd_desktop); //[物理分辨率]:显示屏的最佳分辨率 ( win 10 上[显示分辨率]中设置的分辨率 ) int w1 = GetD

CSS中的px与物理像素、逻辑像素、1px边框问题

一直不太清楚CSS中的1px与逻辑像素.物理像素是个什么关系(作为一名前端感觉很惭愧 -_-!),今天终于花时间彻底弄清楚了,其实弄清楚之后就觉得事情很简单,但也只有在弄清楚之后,才会觉得简单(语出<禅与摩托车维修艺术>,哈哈哈哈). 两种像素 物理像素:设备屏幕实际拥有的像素点.比如iPhone 6的屏幕在宽度方向有750个像素点,高度方向有1334个像素点,所以iPhone 6 总共有750*1334个物理像素. 逻辑像素:也叫"设备独立像素"(Device Indep

用一篇文章了解ppi,dpr,物理像素,逻辑像素,以及二倍图

这篇文章能让你了解到什么是分辨率.dpr.dip.ppi (dpi相当于ppi,dpi用点表示物理像素) 首先从最简单的ppi开始: 一部手机,有大有小,怎么知道手机的大小用尺子量一量即可,有两条边量哪一条呢?勾股定理告诉我们斜边越大,面积就越大,量斜边没跑了.量的单位可不是cm,而是英寸.1英寸= 2.54cm,这个相信看过<新华字典>或<现代汉语词典>的人都知道,上面附有计量单位表. 嘿嘿,又引出了一个物理像素的概念:物理像素就是分辨率的那两个数字,两个数字代表了长宽两条边物理

原 浅谈移动端开发--物理像素和逻辑像素

1.物理像素 设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的. 2.逻辑像素 CSS像素,viewport中的一个小方格,CSS样式代码中使用的是逻辑像素.如果在一个设备中,物理像素与逻辑像素相等,将不会产生任何问题.但是,在iphone 4中,物理像素是640px*960px,而逻辑像素数为320*480px.因此,需要使用大约4个物理像素来显示一个CSS像素. 3.像素比 物理像素与逻辑像素之间的比例.当像素比为1:1时,使用1个物理

css中pt、px、em、ex、in等这类长度单位详细说明

在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位.它们各是什么意思,有什么区别呢? 在CSS样式表中,长度单位分两种: 相对长度单位,如px, em等 绝对长度单位,如pt,mm等 也谈px和pt的区别 经常看到有人拿px和pt比较,主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时,用什么样的CSS长度单位更加好.有人说,用pt更好,因为pt是绝对长度单位,不会因为屏幕分辨率大小,或者其它因素而改变. 我去做了一个测试,写了这样一个HTML例子

pt、px和em

pt.px和em都是网页中设置字体大小的单位. pt:点,point,确切的说法是一个专用的印刷单位“磅”,也称为“绝对长度”. px:像素,pixel,是相对长度,像素是相对于显示器屏幕分辨率而言的.常用于网页设计,直观方便 em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性. PX和PT转换的公式:pt=px乘以3/4. PX和em转换的公式:就是em=16乘以px

PT与PX区别

字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:pt就是point,是印刷行业常用单位,等于1/72英寸.这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个"点"有多长多大么?可以画的很小,也可以很大.如果点很小,那画面就清晰,我们称它为"分辨率高",反之,就是"分辨率低".所以,"点"的大小是会"变"