zoukankan      html  css  js  c++  java
  • px 与 pt

      px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;

      pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;

      em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。

      PPI(DPI):pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示了“清晰度”,“精度”

     

    PX和PT转换的公式:

    以前在文章中介绍过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%
     5.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
      
     

     

     

     

    字号 磅数 毫米

    八号 5磅 1.84

    七号 5.5磅 2.12

    小六号 6.5磅 2.45

    六号 7.5磅 2.81

    小五号 9磅 3.15

    五号 10.5磅 3.70

    小四号 12磅 4.25

    四号 14磅 4.93

    小三号 15磅 5.23

    三号 16磅 5.55

    小二号 18磅 6.37

    二号 22磅 7.80

    小一号 24磅 8.42

    一号 26磅 9.66

    小初号 36磅 11.1

    初号 42磅 12.7

    (附公式:px = pt * DPI / 72)

    如果您觉得本文对你有用,不妨帮忙点个赞,为枯燥的学习生活增加一点动力
  • 相关阅读:
    《Java技术》第四次作业
    Java第三次作业——面向对象基础(封装)
    《Java技术》第二次作业
    #《Java技术》第一次作业
    Java第十次作业
    Java第九次作业
    Java第八次作业
    Java第七次作业
    Java第6次作业
    Java第五次作业
  • 原文地址:https://www.cnblogs.com/zq123/p/8182287.html
Copyright © 2011-2022 走看看