• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • 常用长度单位PX/EM/PT/百分比转换公式与对照表

    PX、PT、EM等都是我们常用的长度单位,尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗?这里为大家找到了一个px、pt、em和percent大小转换的一个表格,尤其针对字体大小的转换十分方便。希望大家能够喜欢!

    熊猫办公https://www.wode007.com/sites/73654.html

    PX、PT、EM的解释: 

    px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;
    pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
    em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。


    PX和PT转换的公式:

    以前icech在文章中介绍过PX和PT的转换规则,其实很简单,pt=px乘以3/4。
    比如12px×3/4=9pt大小。


    PX和em转换的公式: 

    对于PX转em的方法也类似,就是em=16乘以px,也就是说1.5em=1.5×16=24px。

    设计中常用PX/EM/PT/百分比转换表格

     

    Pixels EMs Percent Points
    6px 0.375em 37.50% 5pt
    7px 0.438em 43.80% 5pt
    8px 0.5em 50% 6pt
    9px 0.563em 56.30% 7pt
    10px 0.625em 62.50% 8pt
    11px 0.688em 68.80% 8pt
    12px 0.75em 75% 9pt
    13px 0.813em 81.30% 10pt
    14px 0.875em 87.50% 11pt
    15px 0.938em 93.80% 11pt
     
    16px 1em 100% 12pt
    17px 1.063em 106.30% 13pt
    18px 1.125em 112.50% 14pt
    19px 1.188em 118.80% 14pt
    20px 1.25em 125% 15pt
    21px 1.313em 131.30% 16pt
    22px 1.375em 137.50% 17pt
    23px 1.438em 143.80% 17pt
    24px 1.5em 150% 18pt
     
     
    posted @ 2020-06-10 23:20  前端一点红  阅读(2515)  评论(0编辑  收藏  举报
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识