精华内容
下载资源
问答
  • 像素)分辨率:手机屏幕的实际像素尺寸。...像素密度越代表屏幕显示效果越精细。(比如 iphone4 的屏幕尺寸是3.5,像素分辨率是 960 * 640px , 则 。 物理像素:设备屏幕实际拥有的像素点。一个...

    逻辑像素、物理像素、css像素、像素密度、像素比都是什么?

    (像素)分辨率:手机屏幕的实际像素尺寸。

    像素密度(ppi —— 像素 每英寸 (ps: dpi —— 点每英寸,一般针对于打印机等)):(pixels per inch ) 每英寸的长度上排列的像素点数量 (注:这里的像素, 指的是device pixels),是屏幕分辨率的单位。(这项指标是连接数字世界与物理世界的桥梁),1英寸是一个固定长度,等于2.54厘米,大约是食指最末端那根指节的长度。像素密度越高,代表屏幕显示效果越精细。 ppi = \sqrt{(x^{2}+y^{2})/inch} (比如 iphone4 的屏幕尺寸是3.5,像素分辨率是 960 * 640px , 则 ppi = \sqrt{(960^{2} + 640^{2})/3.5)}

    物理像素设备屏幕实际拥有的像素点一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。像素是没有大小的、是一个抽象概念、是一个相对单位。。

    逻辑像素(pt):可以认为是计算机坐标系统中得一个点,这个点代表一个可以由程序使用的虚拟像素(比如: css像素),然后由相关系统转换为物理像素(逻辑像素也叫“设备独立像素”(Device Independent Pixel,DPI)可以理解为反映在CSS里的像素点,也就是说CSS像素是逻辑像素的一种。)meta里面设置width=device-width,这个device-width就是设备独立像素。在chrome里 看到的375*667 320*480等等都是设备独立像素,它们在数值上与css数值是相等的。

    css像素:指的是 CSS 样式代码中使用的逻辑像素,在 CSS 规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relative)单位。px 是一个相对单位,相对的是设备像素(device pixel) 。(浏览器使用的抽象单位(逻辑像素的一种), 主要用来在网页上绘制内容。)

    像素比dpr物理像素与逻辑像素之间的比例,dpr => 物理像素:逻辑像素。当像素比为1:1时,使用1个物理像素显示1个逻辑像素;当像素比为2:1时,使用4个物理像素(长2倍,宽2倍,乘起来就是4倍)显示1个逻辑像素。一个逻辑像素等于多少个物理像素是由设备本身决定的(不要试图自己去计算这个值!!!!),可以通过DPR也就是设备像素比window.devicePixelRatio获知。


    找了很多文档发现,很多文章说 px 是物理像素,pt 是逻辑像素,就很懵😵............. 所以找到了下面的解释:

    • pt: html css中的使用的单位像素px: 实际上指的是逻辑像素pt

    • px: photoshop测量中的但是实际上指的是物理像素, 物理像素即表示的是一个点, 大小固定

    • 一个pt可以包含多个物理像素px
      在iphone6中一个单位的逻辑像素包含2个物理像素
      iphone的分辨率为375*667 实际上指的是逻辑像素为375*667, 所以一般移动端的设计图纸一般是给的是750*1334, 是因为一个逻辑像素pt包含两个物理像素px

    • 不同设备下的分辨率不同, 在iphone6s中 一个逻辑像素pt包含三个物理像素px 即 1pt = 3px

    原文链接:https://www.jianshu.com/p/e5e09f133bba


    px、em、rem 是什么?区别有哪些?

    px: 固定的像素,无法因为适应屏幕大小而改变。

    em 和 rem :是相对的长度单位,长度不是固定的,更适用于响应式布局。

    em 和 rem 的区别:em 是相对父元素的单位, rem 是相对根元素的,rem 中的 r 是 root (根源),这样就更容易理解了。

    em:

    • 子元素中设置的字体大小是相对于父元素的。
    • 元素的 width / height / padding / margin 用em的话,是相对于该元素的 font-size。

    例:

    <div>
        我是父元素div
        <p>
            我是子元素p
            <span>我是孙元素span</span>
        </p>
    </div>
    div {
      font-size: 40px;
      width: 10em; /* 400px */
      height: 10em;
      border: solid 1px black;
    }
    p {
      font-size: 0.5em; /* 20px */ 
      width: 10em; /* 200px */
      height: 10em;
      border: solid 1px red;
    }
    span {
      font-size: 0.5em;  
      width: 10em;
      height: 10em;
      border: solid 1px blue;
      display: block;
    }

    巩固测验:你能说出孙元素span的font-size和width吗?

    答案:我猜你会说10px、100px,哈哈,其实逻辑上是正确的,但是如果你是chrome浏览器我不得不告诉你应该是12px、120px。因为chrome设置的最小字体大小为12px,意思就是说低于12px的字体大小会被默认为12px,当然这一尬境可以由css3解决,这里就不多说了。

    chrome默认的字体大小是12px,也就是1em默认为12px,如果最外层的父元素直接把font-size设为1.5em,那么该元素的字体大小为18px(12*1.5)。

    rem:

    • rem 全部的长度都是相对于根元素(html)的。通常给根元素(html) 设置一个font-size,然后其他元素的长度单位是 rem。

    总结:

    做项目的时候使用什么长度单位由具体需求决定

    像素(px):用于元素的边框或定位。

    em/rem:用于做响应式页面,不过我更倾向于rem,因为em不同元素的参照物不一样(都是该元素父元素),所以在计算的时候不方便,相比之下rem就只有一个参照物(html元素),这样计算起来更清晰。

    vh: 占视窗高度的百分比

    wh: 占视窗宽度的百分比

    vmin: vh 和 vw 比较的最小值

    vmax: vh 和 vw 比较的最大值

     

    原文链接1

    原文链接2

    展开全文
  • 因此PPI数值越,即代表显示屏能够以越的密度显示图像。当然,显示的密度越,拟真度就越。  PPI是图像分辨率的单位,图像ppi值越,画面的细节就越丰富,因为单位面积的像素数量更多。PPI也叫图像的采样率...

    PPI,英文全称:pixels per inch,即像素每英寸,也叫像素密度,它是描述在水平的和垂直的方向上,每英寸距离的图像包含的像素(pixel)数目。因此PPI数值越高,即代表显示屏能够以越高的密度显示图像。当然,显示的密度越高,拟真度就越高。

      PPI是图像分辨率的单位,图像ppi值越高,画面的细节就越丰富,因为单位面积的像素数量更多。PPI也叫图像的采样率(在图像中,每英寸所包含的像素数目)。

      第一次接触到PPI,还是看到iPhone4的参数才得知的,所以这里不得提及iPhone4的屏幕以帮助理解。

      苹果新款iPhone 4将使用一种名为Retina(视网膜)屏幕的显示技术。苹果表示,Retina屏幕是一种具备超高像素密度的液晶屏,它可以将960×640的分辨率压缩到一个3.5英寸的显示屏内。也就是说,该屏幕的像素密度达到330像素/英寸(ppi)。

      iPhone4第二项革命性的功能提升是名为Retina的显示技术,这也是之前猜测最多的参数,与传言一致,iPhone 4采用了960×640像素分辨率的显示屏幕,相当于iPad屏幕78%的像素。由于屏幕大小没有变化,还是3.5英寸,分辨率的提升将iPhone 4的显示分辨率提升至iPhone 3GS的四倍。每英寸330个像素,这一分辨率非常惊人,对现实分辨率熟悉的用户会知道,通常我们电脑显示屏幕的分辨率为72ppi,iPhone 4的分辨率为电脑的4倍多,所以显示会非常细腻。

      iPhone 4 PPI为330是如何计算出来的呢?我也不知道,就去网上寻找答案,好像还真不好找,不过还是找到了。PPI是英文Pixels per inch的缩写,意思就是每英寸所拥有的像素(Pixel)数目,搞清楚了PPI是什么意思,我们就能很容易理解PPI的计算方式了,我们需要首先算出手机屏幕的对角线等效像素,然后除以对角线(我们平常所说的手机屏幕尺寸就是说的手机屏幕对角线的长度),就可以得到PPI了。准确的计算公式大家可以参照下图:

     

    展开全文
  • 最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”...图像的显示都是由许多像素点排列组成的,手机屏幕分辨率就代表像素个数,当用手机屏幕中横向的像素点与竖向的像素点相乘的时候,再换算出...

    最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”这一项让不少人一头雾水,究竟手机分辨率是什么?对我们的使用体验有什么影响?是不是分辨率越高越好?

    e1de5003966f62b7a73e06e9d41b1137.png

    ​教授估计这些问题让很多对手机了解不多的朋友产生困扰,所以今天就来为大家科普科普~

    一、什么是手机屏幕分辨率?

    图像的显示都是由许多像素点排列组成的,手机屏幕分辨率就代表着像素个数,当用手机屏幕中横向的像素点与竖向的像素点相乘的时候,再换算出来的比值就是屏幕的分辨率了。

    这么说可能还不太好理解,用一张简单的图来解释:

    b9c2ccd260bc14e8d6cb7db75fac312b.png

    二、P、K 、ppi代表什么意思?

    相信大家看到过几种关于分辨率的表达方式,比如720P、2K、326ppi,他们代表的意义也各不相同。

    1.P

    “P”是Progressive的缩写,意思是“逐行扫描”,表示的是“视频像素的总行数”。

    c8ba0f003099a0cdea5ba1f9f94c5009.png

    ​比如720P表示屏幕有720行的像素,具体分辨率为1280*720;1080P则表示屏幕总共有1080行像素数,具体分辨率为1920*1080。

    2.K

    “2K、4K”表示的是“视频像素的总列数”。如2K表示的是屏幕有2000列像素数,4K表示的是屏幕有4000列像素数。总的来说,只要是横像素大于2000的都可以叫做2k屏幕。

    033959a5f11e55314e4c2724202c391e.png

    3.ppi

    “ppi”全称为Pixels Per Inch,表示代表每英寸屏幕所拥有的像素数量,是手机屏幕的像素密度值。

    b3157efc0b78e35602df856357e985b6.png

    ​理论上说来,ppi的数值越高,也就代表该屏幕显示出的图像密度越大,拟真度和还原程度也就越高。具体计算方式如下:

    1f4d266b3172684b6644565aeb6af136.png

    三、如何查看自己手机屏幕的分辨率

    如果不清楚自己手机屏幕的分辨率,可以通过手动去查看,打开手机中的【设置】-【关于手机/我的手机】这个选项,然后就可以在"分辨率"那一栏看到手机屏幕的分辨率参数了,这个方法适用于大部分手机。

    da04d2dbde1a0cf082b389902add4f48.png

    ​除了手动查看的方式之外,也可以自行上手机品牌的官网进行查询。

    四、分辨率是否越高越好?

    很多朋友认为,手机屏幕的分辨率越高,画面显示效果就越清晰,所以都是倾向于选择分辨率高的手机。其实关于这一点,我们可以辩证地来分析一下。

    2305a4695ef33e84d0a8ee60b2be2b80.png

    1.利:画面细节更丰富、清晰

    在合适的屏幕分辨率下,手机屏幕的画面呈现会更加清晰,细节更丰富细腻,当我们在翻阅图片或观看视频时,视觉体验就会更好。

    8f9eaa268d6c0a9fb791d2124f555487.png

    ​举个栗子(这次是真栗子~),当图像尺寸一样的情况下,不同分辨率下的栗子,清晰度截然不同,分辨率越高,栗子细节更细腻。

    2f3dad7c487e69b26be157a2f5ae9d10.png

    2.弊:伤眼、耗电、售价高

    如果长期使用屏幕分辨率过高的手机,就很容易造成眼睛的疲劳和近视,虽然要注重手机的清晰度,建议大家还是要把眼睛健康放在第一位。

    d4c1dee12b1f7d5a712d309ff54e4a97.png

    ​同时,手机屏幕分辨率越高,手机使用过程中的耗电也就越大。另外,更高分辨率的屏幕可能需要更高的材料成本,这样会导致手机售价的增加,这对普通用户来说无疑是增加了负担。

    c358419a455d80979ede7cd33c499d7a.png

    ​总而言之,手机屏幕的分辨率并不是越高就越好的。大家在选择手机时,不要过于追求高分辨率的屏幕,而是要选择适合手机尺寸的屏幕分辨率。

    1bb5a4e9b9d11dc2bd1d4ab01d918fdd.png

    ​5英寸以下的手机,参考分辨率是720P;5~6英寸的手机,选择1080P基本能满足视觉需求了;而6英寸以上的手机,就建议要选择2K分辨率了。

    那么,你觉得分辨率高低对你的日常使用有什么影响吗?

    部分图片来源于网络

    展开全文
  • 手机的更新换代快的不是一步两步,每一年各个手机品牌厂商都要开好几场新品发布会。手机现在也是花样繁多,开发新的功能或者新的技术...对于这些我们会读但是不一定说的出什么意思来的手机学名,它们到底代表什么...
    8c84c625c25731c45878dd33a4a655cf.gif

    手机的更新换代快的不是一步两步,每一年各个手机品牌厂商都要开好几场新品发布会。手机现在也是花样繁多,开发新的功能或者新的技术改良,就是新的机型诞生,主打方向五花八门,有主打高颜值的,拍照像素好的,玩游戏流畅的,名字高端前卫的。很多手机后缀总带上Mate、MIX、Note、Pro、Max、SE的,读起来朗朗上口,而且还与国际接轨。

    对于这些我们会读但是不一定说的出什么意思来的手机学名,它们到底代表什么意思呢?概括说几种大众使用,市面上较多的代表系列吧!

    M系列

    Mate:助手、同伴

    带mate学名的手机,主要是华为最高端mate系列,有助手、同伴的意思,或者还可以解释为灵魂伴侣。毕竟现在的手机和人关系实在是很密切,不亚于伴侣。基于这个关系,学名为mate的手机,拥有最旗舰、最高端、最重磅的科技和功能,反正就是用着让人离不开的赶脚。

    4ef1f9301db3ffa5e77daa98198e0612.png

    Max:没有最大,只有更大

    Max学名的手机,小米用得居多,以前还有乐MAX之类的。Max代表的意思最大、至大的意思。在小米MAX系列手机上,主要体现在屏幕很大,电池很大。

    1f740e01b51ae7da08d61a78fca31bd5.png

    MIX:未来手机

    MIX目前只有小米在用,关于MIX的意思也有很多种。比如“Made in Xierqi”代表来自未来的产品。对于这个解释,网友也有自己的独到解读,比如“Made in xiaomi”。还有一个版本解释是Mi就是小米,X代表未知,同样是未来产品的解读。

    c8621b4dc1a57b272beb58ea4dba39b4.png

    N系列

    Note:大屏商务

    最初的代表是三星note系列,在当时的定义中,“Note”其实是一个品类,译作便签,笔记,所以适合用来命名那些带触控笔的。主打大屏商务高端,硬件配置更强,产品定位更高。由于现在品牌太多,高中低端手机都推出了note系列,不高端不商务也没有笔,所以目前note可以概括为大屏,低端手机甚至还有廉价的意思。

    a647305d0d7f8e870d22aea2c76b0d31.png

    P系列

    Pro:专业、高端

    Pro 是professional 的缩写,具有专业的意思,象征升级版,定位更高端。放在目前的手机来看,如华为P20 Pro,就是高端手机中更专业的定位。所以一般带Pro学名的,要么手机设计功能高端,要么价格高端。

    8f81d408ff194bd57071c86a3c8da170.png

    Plus:升级加大版

    Plus版本的手机,很早在三星的旗舰机出项,主要是在旗舰手机的普通版上提升,包括在屏幕,电池,功能配置等方面的增加,这类手机提升的方面,一般比大更大,比好更好。当然也不能忘记在价格上的提升,这些大概也符合Plus增加的意思。

    1cead09a7399c4238b9389238ae9bb1e.png

    单字母系列

    A:入门,初级

    A系列的手机基本上代表的是大众水平,平均配置达到了够用的水准,其实就是配置缩水了,但不会影响使用,所以一般理解为入门级,初级机。如小米2A,红米2A等。

    C:更便宜

    C系列的配置一般跟品牌上主推的同款机型性能会降低,但不会差太多,同时在其它方面做了一些更改,带着这些标识的手机价格相比较廉价,而且手机配色也很炫丽多彩。比如iPhone5C就是将机身材质改为塑料,所以C的理解可以为Cheap,在不太影响性能的情况下,从其它方面降低它的售价。

    9a52088bef63c44b7fbd9bedd27c393a.png

    S:升级版

    S系列的也是一个升级版,有加强的意思。拿iphone讲,它每次的S都是对新机型的升级,但这个升级可能比不上Plus。其实个人来讲,S机型真的没必要,升级的又不多,还要加价,感觉不值得购买,要我我不买。

    其它后缀系列

    除了上述,其实还有很多学名,这里就都简单一句话概括:

    SE

    英文是special edition,顾名思义就是特别,不走寻常路的版本,像iPhone SE就是iPhone家族中很特殊的存在。

    Lite

    又名青春版,居于普通版本之下,价位更低,性能配置也相应的更低……

    Mini

    字面意思,迷你,就是小的意思,系列比较多,但基本是标准版进行缩小。

    .....

    当然了,手机的学名还有很多,以上总结肯定不够全面,可能还有一些部分人喜欢或者比较小众的机型或者型号,小编也不太了解并未能总结一一列举出来,广大网友可以说说你都用过哪些,你所知道了解的意思,欢迎留言补充分享给大家一起长知识。

    展开全文
  • 同样大小的手机屏幕,为什么有的像素高,有的像素低?下面让我们通过资料阅读,一起找到这些问题的答案吧。 像素的定义 「像素」是图像显示的基本单位,译自英文「pixel」,一个像素就是屏幕上能够显示一种特定...
  • 想必大家对移动端像素的概念比较疑惑,总结一下我们经常会听到的几个词。 一、屏幕尺寸 平时我们通常提到手机的尺寸,比如iPhone6是4.7英寸的。手机的屏幕是以英寸为单位的。我们平时使用最多的单位是:毫米、厘米...
  • 但是不改变宽比opencv实现opencv中使用copyMakeBorder()来完成这一功能apisrc是原图像矩阵dst是新图像矩阵top/bottom/left/right是边界扩展的大小(比如5就代表5个像素)borderTypevalue是扩充的像素什么值...
  • 一直以来,大众对高通SoC有很多误区,认为ISP不支持高像素的输出,其实,这是错的。让我们以倍受关注的骁龙660为例子,官方对骁龙660的描述是这样的:高通骁龙660在单相机输出状态下最高支持六千四百万像素。这里,...
  • max_x和max_y变量代表打印时应考虑的最大x和y值,通常为输出stl的大小。 该程序可能会提供自动调整分辨率的选项,但是由于该程序中的四舍五入,图像的底部和右侧仍会切掉一些。 将来,我将解决这些问题。 如果max_x...
  • Unity中基于高度图的地形系统总结

    万次阅读 2014-03-16 08:29:36
    从狭义上来理解,高度图是一张带有灰阶的图片,图片中的每个像素具有不同的灰度值,这些灰度值代表了不同的高度:像素的灰度值越大,表示对应的高度越像素的灰度值越小,表示对应的高度越低。从编程的角度来理解...
  • 以下是华唐电子为你解答:LED显示P代表像素间距,代表LED显示屏灯珠间距是10mm。间距越小,单位面积内灯珠数量多,像素点密度大;图像越清晰,播放效果越好,当然一般价格也越贵。LED圆柱形显示屏举个例子:比如户外...
  • Android为什么不建议写死dp?

    千次阅读 2019-06-01 10:59:11
    基础:Android中很熟悉的一个概念:dp ...由换算关系得到px = (dp * dpi)/160, 看上去意思是相同dp情况下,dpi越大,px值越大,即设备像素密度越,1个dp代表的实际像素也越多。同理,dpi越小,相同dp时,px值也...
  • 最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”...图像的显示都是由许多像素点排列组成的,手机屏幕分辨率就代表像素个数,当用手机屏幕中横向的像素点与竖向的像素点相乘的时候,再换算出...
  • 下面先尽量避开严格的数学符号推导,直观的从一张图片出发,让我们来看看奇异值代表什么意义。 这是一张照片,像素为高度450*宽度333。 我们都知道,图片实际上对应着一个矩阵,矩阵的大小就是像素大小,比如这张图...
  • jpg 1、像素(把图片放大到一定程度显示出来的方块) ...4、宽 720X480(表示在水平方向有720个像素点,竖直方向有480个像素点) 5、图片的大小 0.98M=7204803*8/8(Byte)=0.98M(3代表RGB三种...
  • Tensor(张量) ...彩色图像文件(RGB)一般都会处理成3-d tensor,每个2d array中的element表示一个像素,R代表Red,G代表Green,B代表Blue 多维数组 把三维张量画成一个立方体: 更高维的张量:
  • 图像分辨率泛指成像或显示系统对细节的分辨能力,代表图像中存储的信息量。一般情况下,图像分辨率越,图像中包含的细节越多,信息量也越大。图像分辨率分为空间分辨率和时间分辨率。通常,分辨率被表示成每一个...
  • cv_8uc3是什么意思?

    千次阅读 2019-02-13 00:52:21
    1--bit_depth---比特数---代表8bite,16bites,32bites,64bites---举个例子吧--比如说,如 如果你现在创建了一个存储--灰度图片的Mat对象,这个图像的大小为宽100,100,那么,现在这张 灰度图片中有10000个像素点,它...
  • 什么是位深度(bit depth):计算机是以二进制为单位的,采用二进制形式表示数据和指令,计算机里的存储芯片只能识别高低电平(0或1,这里的0和1分别代表低电平、电平),计算机图形学领域表示在点阵图或者视频帧缓冲区中...
  • 1:iPhone尺寸规格尺寸表格:1 inch(英寸) = 2.54cm = 25.4mm2:屏幕尺寸我们通常所说的iPhone5屏幕尺寸为4英寸、iPhone6屏幕尺寸为4.7英寸,指的是显示屏对角线的长度(diagonal)屏幕尺寸:对角线...PPI数值越,代表...
  • 图像分辨率泛指成像或显示系统对细节的分辨能力,代表图像中存储的信息量。一般情况下,图像分辨率越,图像中包含的细节越多,信息量也越大。图像分辨率分为空间分辨率和时间分辨率。通常,分辨率被表示成每一个...
  • 什么是位深度(bit depth):计算机是以二进制为单位的,采用二进制形式表示数据和指令,计算机里的存储芯片只能识别高低电平(0或1,这里的0和1分别代表低电平、电平),计算机图形学领域表示在点阵图或者视频帧缓冲区中...
  • 什么要用texturepacker

    2013-03-13 00:49:25
    第一点:内存问题, OpenGL ES 纹理的宽和都要是2次幂数, 以刚才的例子来说, 假如 start.png 本身是 480x320,...当你在cocos2d里面加载一张图片的时候,对于每一个像素点使用4个byte来表示--1个byte(8位)代表...
  • 在当今快速成长的产品行业中,用户...毫无疑问,原型可以是任何东西,从一系列代表app的不同界面或状态的纸质草图,到功能齐全、像素完美的app。 在本文中,我将回答以下与原型开发相关的问题: 什么是原型,什么时...
  • 强度怎么转换为像素值的,每个像素的数字代表什么意思 预备知识 radiance:单位面积单位时间单位方向角发出去的能量 irradiance:单位:功率/平方米;单位面积单位时间接收的能量 ISP: image signal processor 白...
  • px 代表物理屏幕上能显示出的最小的一个点,是一个相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的。 em 是相对于父级的字体大小。 rem是相对于HTML根元素的字体大小。 vh 和 vw 相对于视口的高度和...
  • 部分容积效应和周围间隙现象1、部分容积效应:CT图像上各个像素的数值代表相应单位组织全体的平均CT值,它不能如实反映该单位内各种组织本身的CT值。在CT扫描中,凡小于层厚的病变,其CT值受层厚的病变,其CT值受层...
  • drawable-hdi, -mdi, -ldi的相同之处是它们...而这三个文件下的资源分别代表使用哪一种分辨率来显示它们,分别是h(),m(中),l(低)。将一种图片放到不同的文件夹下,在设备上显示的大小也就不一样了。

空空如也

空空如也

1 2 3 4 5 6
收藏数 115
精华内容 46
关键字:

像素高代表什么