CSS px , em 互转

  • 像素到Ems转换

    设置正文的默认像素大小(通常为16px)
    然后,根据默认像素大小将像素值转换为em
    或者,根据默认像素大小将em值转换为像素

    下面的工具允许您从像素计算出em尺寸(反之亦然)。

    设置默认像素:

    px

    输入需要转换的像素值:

    px


    输入需要转换的EM值:

    em


  • 正文字体大小

    在下表中,选择以像素(px)为单位的正文字体大小以显示完整的“px到em和百分比”转换表。

    提示:默认字体大小通常为16像素。
    px em 百分比
    5px0.3125em31.25%
    6px0.3750em37.50%
    7px0.4375em43.75%
    8px0.5000em50.00%
    9px0.5625em56.25%
    10px0.6250em62.50%
    11px0.6875em68.75%
    12px0.7500em75.00%
    13px0.8125em81.25%
    14px0.8750em87.50%
    15px0.9375em93.75%
    16px1.0000em100.00%
    17px1.0625em106.25%
    18px1.1250em112.50%
    19px1.1875em118.75%
    20px1.2500em125.00%
    21px1.3125em131.25%
    22px1.3750em137.50%
    23px1.4375em143.75%
    24px1.5000em150.00%
    25px1.5625em156.25%
    PX,EM和百分比有什么区别?
    像素是静态测量,而百分比和EM是相对测量。EM或百分比的大小取决于其父级。如果正文的文本大小为16像素,则150%或1.5EM将为24像素(1.5 * 16)。