zoukankan      html  css  js  c++  java
  • 常用长度单位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
     
     
  • 相关阅读:
    Mayan游戏 (codevs 1136)题解
    虫食算 (codevs 1064)题解
    靶形数独 (codevs 1174)题解
    黑白棋游戏 (codevs 2743)题解
    神经网络 (codevs 1088) 题解
    The Rotation Game (POJ 2286) 题解
    倒水问题 (codevs 1226) 题解
    银河英雄传说 (codevs 1540) 题解
    生日蛋糕 (codevs 1710) 题解
    第一章 1.11 高阶函数
  • 原文地址:https://www.cnblogs.com/ypppt/p/13090157.html
Copyright © 2011-2022 走看看