常用長度單位PX/EM/PT/百分比轉換公式與對照表

2021-01-09 威易網

PX、PT、EM、ex和in等都是我們常用的長度單位，尤其在網頁的字體大小中經常用到。但是你知道PX、PT和EM之間是如何進行準換的嗎？這裡icech為大家找到了一個px、pt、em和percent大小轉換的一個表格，尤其針對字體大小的轉換十分方便。希望大家能夠喜歡！

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 Points6px 0.375em 37.50%5pt7px 0.438em 43.80%5pt8px 0.5em 50%6pt9px 0.563em 56.30%7pt10px 0.625em 62.50%8pt11px 0.688em 68.80%8pt12px 0.75em 75%9pt13px 0.813em 81.30%10pt14px 0.875em 87.50%11pt15px 0.938em 93.80%11pt制表：西部e網(weste.net)16px 1em 100%12pt17px 1.063em 106.30%13pt18px 1.125em 112.50%14pt19px 1.188em 118.80%14pt20px 1.25em 125%15pt21px 1.313em 131.30%16pt22px 1.375em 137.50%17pt23px 1.438em 143.80%17pt24px 1.5em 150%18pt

註：本文為西部e網原創，轉載請註明來源。

相關焦點

  • 學習CSS了解單位em和px的區別
    因為1、IE無法調整那些使用px作為單位的字體大小；2、國外的大部分網站能夠調整的原因在於其使用了em作為字體單位；3、Firefox能夠調整px和em，但是96%以上的中國網民使用IE瀏覽器(或內核)。px像素（Pixel）。相對長度單位。像素px是相對於顯示器屏幕解析度而言的。(引自CSS2.0手冊)em是相對長度單位。
  • UI設計CSS網頁基本單位知多少?奇酷學院告訴你
    想要成為一名合格的前端工程師，會寫頁面絕對不能少，而如果想要頁面寫得出彩，你必須要知道一些網頁常用的基本單位。在傳統的項目開發中，我們常常會用到px、%、em這幾個單位，因為它能適用於大部分的項目開發，而且擁有比較良好的兼容性。但素，你造嗎？
  • 網頁設計中各度量單位的比較
    像素（px）根據顯示器的解析度來確定長度，在web應用中多採用該單位；點數（pt）根據windows系統定義的字號大小來確定長度；英寸（in）、釐米（cm）和毫米（mm）根據顯示的實際尺寸來確定長度。此類單位不隨顯示器解析度的改變而改變；12pt字（pc）即windows系統定義的12字號大小為單位(1pc=12pt)。該單位前輸入的數字表示字號大小的倍數。如{font-size: 2pc;}表示文字大小為24pt；以上單位均為定值，改變瀏覽器中瀏覽文字大小不會對應用這些單位的文字產生變化。
  • 常用的射頻單位轉換公式
    列出了常用的射頻單位轉換公式，還包括使用射頻單位轉換公式的情境示例：1.從伏特到dBm的轉換;2.從dBm/Hz到dBm的轉換。
  • 長度單位換算器在線_國際長度單位轉換_物理長度單位換算表-閩南網
    長度單位換算說明可實現在線公裡(km)、米(m)、分米(dm)、釐米(cm)、裡、丈、尺、寸、分、釐、海裡(nmi)、英尋、英裡、弗隆(fur)、碼(yd)、英尺(ft)、英寸(in)、毫米(mm)、微米(um)間的互換互算。
  • 小學數學常用公式大全:單位換算表
    天津奧數網 2014天津小升初大卷考試即將進行，數學公式的複習十分必要，下面是小學數學常用公式大全（單位換算表）。希望對大家有所幫助。         長度單位換算         1千米=1000米1米=10分米         1分米=10釐米1米=100釐米         1釐米=10毫米         面積單位換算         1平方千米=100公頃
  • 收藏 | 常用壓力單位換算表
    ama, 而這個可能是俄式壓力單位，相當於1千克力/釐米2，也就是1公斤力/釐米2。※常用壓力計量單位換算工具功能說明：    本壓力計量單位換算工具與常見的壓力單位換算表有著本質的區別,壓力單位換算表僅能對壓力單位之間的對應關係進行列表,且壓力單位換算表也不能對特定量值進行同壓力單位或不同壓力單位的換算或轉換.可以說,壓力單位換算表使用起來會有很大的局限,但比使用壓力單位換算公式進行計算還是有一定優勢
  • CSS26-1什麼是em單位
    瀏覽器效果如下：那麼這個 50em 究竟具體是多寬了？帶著這個疑問，我們來測試一下。我們給 類名為div2 的容器設置了一個寬度值 800px瀏覽器效果如下：這是因為：em 的具體大小是它父元素字體大小的倍數瀏覽器默認的字體大小一般為16px這裡
  • 電工常用單位與公式及換算!!
    小編寄語可能沒有很全面，需要你的補充(⊙o⊙)哦，其次有任何需要都可以聯繫小編電工學常用單位與公式及換算   公式：電功：電流在一段時間內通過某一電路，電場力所做的功    W表示功，功的單位是：焦耳（J）    W=
  • 常用變壓器載流對照表變壓器選型及快速計算公式電工必備手冊
    >KV吧 www.kv88.net 變壓器載流量 圖1KV吧 www.kv88.net 變壓器載流量 圖2常用變壓器載流對照表變壓器選型計算電工必備手冊變壓器額定電流計算變壓器額定電流 I1N/I2N,單位為A、kA。
  • 小學數學常用公式大全(單位換算表),替孩子收藏一份!
    今天小編特意為大家分享這份小學數學常用公式大全（單位換算表），替孩子收藏一份，期末考試之前把不會的拿出來認真看看！ 1 長度單位換算 1千米=1000米1米=10分米 1分米=10釐米1米=100釐米 1釐米=10毫米 2
  • 非主流的美國人--如何轉換美國常用英制單位和衣服鞋子尺寸
    除了個別領域，比如例如電視機、電腦顯示器、手機屏幕大小以英寸表示；航空管制上，如飛行高度、跑道長度等，多以英尺為單位以外，傲嬌的美國人民仍然一臉堅定的使用著英制單位。而這一點給許許多多的留學生帶來了巨大的疑惑與不便。
  • 用Scratch來學習長度單位換算
    在書本裡，我們學習了：毫米、釐米、分米、米、千米幾個長度單位。在課後習題裡，涉及了長度單位的轉換。我們知道，長度單位的轉換關係是這樣的：1千米=1000米1米 =10分米1分米=10釐米1釐米=10毫米根據公式，我們可以把一個單位的長度轉換為另外一個單位的長度。為什麼容易錯真正做作業的時候我們發現，轉換的時候沒有這麼簡單啊。
  • 表面粗糙度知識大全,附粗糙度對照表!
    二、 VDI3400、Ra、Rmax對照表國家標準規定常用三個指標來評定表面粗糙度(單位為μm)：輪廓的平均算術偏差Ra、不平度平均高度Rz和*大高度Ry。在實際生產中多用Ra指標。輪廓的*大微觀高度偏差Ry在日本等國常用Rmax符號來表示，歐美常用VDI指標。下面為VDI3400、Ra、Rmax對照表。VDI3400、Ra、Rmax對照表
  • 國際制(SI制)和高斯制(CGS制)單位轉換
    為了制定單位制和引入量綱的概念，通常選取一組互相獨立的物理量及其單位作為基本物理量和基本單位，然後根據一系列特定的物理公式，選定其中的比例常量來確定其他物理量（導出量）的量綱和單位（導出單位）。導出量的量綱用基本物理量的冪次表示，導出單位用基本單位表示，有些導出單位有專門的名稱和符號。由此，各物理量的單位構成一個有機的、有規則可循的整體，這就是物理學單位制 。
  • 表面粗糙度全方位解析,及表面粗糙度對照表
    VDI3400、Ra、Rmax對照表　　國家標準規定常用三個指標來評定表面粗糙度（單位為μm）：　　輪廓的平均算術偏差Ra　　輪廓的最大微觀高度偏差Ry在日本等國常用Rmax符號來表示，歐美常用VDI指標。下面為VDI3400、Ra、Rmax對照表。
  • 長度單位換算
    長度單位換算說明可實現在線公裡(km)、米(m)、分米(dm)、釐米(cm)、裡、丈、尺、寸、分、釐、海裡(nmi)、英尋、英裡、弗隆(fur)、碼(yd)、英尺(ft)、英寸(in)、毫米(mm)、微米(um)間的互換互算。