`
liuguofeng
  • 浏览: 456128 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

常用长度单位PX/EM/PT/百分比转换公式与对照表

    博客分类：
  • css
 
阅读更多

PX和PT转换的公式：

pt=px乘以3/4。
比如12px×3/4=9pt大小。

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

本表可用的前提是body中的字体设为16px，这也是目前绝大部分浏览器的默认设置
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
分享到：
| How browsers work
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    移动端网页字号pt px em换算对照表.pdf

    移动端网页字号pt px em换算对照表.pdf移动端网页字号pt px em换算对照表.pdf移动端网页字号pt px em换算对照表.pdf

    css中的长度单位(em/ex/px/pt)使用介绍

    本文将详细介绍四种常用的CSS长度单位：em、ex、px和pt。 首先，em单位是基于当前字体的大小，通常用于响应式设计中。1em等于当前字体的font-size值。例如，如果一个元素的font-size被设置为20px，那么在这个元素中...

    CSS的em、px、pt长度单位转换示例

    1em=16px 1em=12pt 1px=1/16 em=0.0625em 1px=3/4 pt=0.75pt 1pt=1/12 em≈0.0833em 1pt=4/3 px≈1.3333px em、px、pt的转换工具如下，结果如无法除尽，小数点后面四舍五入到4位，我用“约等于”表示；如果可以除尽...

    CSS 弹性布局 px和em值转换表

    ### CSS 弹性布局 px和em值转换表详解 在前端开发中，特别是在CSS布局设计时，经常需要用到单位之间的转换，比如将像素单位(px)转换为相对单位(em)。这样的转换有助于实现响应式布局和更灵活的设计。本文将详细介绍...

    Android dp和px/sp等单位相互转换

    在Android开发中，理解并掌握dp、px、sp等单位之间的转换是非常重要的，因为它们直接影响到界面元素在不同分辨率和像素密度设备上的显示效果。dp（density-independent pixels）是独立像素，px（pixels）是像素，sp...

    详解CSS中的几种长度px、em、pt

    本文将详细解析CSS中最常见的几种长度单位：px、em、pt，以及其他的长度单位如pc、in、mm、cm、ex。 首先，`px`（像素）是最常用的长度单位，它代表显示器上的一个物理像素。由于显示器的分辨率通常以像素为单位，...

    css中单位px和em的区别

    在CSS（层叠样式表）的设计与开发过程中，选择正确的长度单位对于确保网页布局的适应性和可维护性至关重要。在众多单位中，`px`（像素）和`em`是两种最常见的长度单位，它们各自拥有独特的特性和应用场景，理解它们...

    css中的px、em、rem、pt 特点和区别及换算详解

    1、px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，...

    Android的计量单位px,in,mm,pt,dp,dip,sp

    3. mm（毫米）：同样是一种长度单位，与in类似，mm在Android开发中并不常用，因为其尺寸转换同样会受到屏幕密度的影响。 4. pt（磅）：pt是印刷业常用的单位，1pt等于1/72英寸。在Android中，pt主要用于表示字体...

    Android中的长度单位详解(dp、sp、px、in、pt、mm).pdf

    本文将深入探讨Android中常见的长度单位：dp、sp、px、in、pt以及mm，帮助开发者们更好地理解和应用这些单位。 首先，我们要知道Android系统支持多种尺寸单位，主要是为了适应不同屏幕大小和分辨率的设备。以下是对...

    知识普及：彻底搞懂CSS中单位px和em,rem的区别

    国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？下面给大家详细介绍下。 PX特点 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的...

    javascript mm与px互相转换

    javascript中单位的转换，不改变原始大小，例如：mm单位转换为px单位，可自行扩展

    css长度单位参考

    CSS长度单位是CSS样式表中用于定义元素尺寸的关键部分，它们决定了元素的宽度、高度、边距、填充等属性的大小。长度单位分为两类：相对长度单位和绝对长度单位。 **相对长度单位** 1. **px（像素）**：像素是...

    CSS3 px 和 em 和 rem

    本文将深入探讨CSS3中的单位px、em和rem，它们都是用来定义元素尺寸的重要工具，但各有其特点和应用场景。 首先，我们要理解像素（px）单位。像素是屏幕上的最小显示单位，通常用于创建精确的布局。当你设置一个...

    CSS长度单位 px和pt的区别

    除了px和pt之外，还有em单位，它是相对单位，基于当前字体大小的百分比。如果未指定px或pt，浏览器会使用默认的12pt（16px）作为基准，通过增大或减小em值来调整字体大小。在Internet Explorer中，即使定义了px或pt...

    基于PTPX的数字电路功耗仿真.docx

    基于PTPX的数字电路功耗仿真 一、功耗模型 基于PTPX的数字电路功耗仿真中，常见的功耗模型包括非线性功耗模型（NLPM）和合成电流源模型（CCS）。NLPM由包含输入电压变化和输出负载组合的单元功耗查找表组成；CCS则...

    ptpx_trainging material

    ### Primetime PX Training Material：低功耗分析 #### 引言 随着电子设备越来越小巧、高效，对芯片设计中的功耗问题的关注度日益增加。在本训练材料中，我们将探讨如何利用Synopsys PrimeTime PX工具进行低功耗...

    UI尺寸规范对照表 - 常用参考表对照表 - 脚本之家在线工具1

    在编写HTML和CSS代码时，开发者会使用相对单位（如em、rem、vw、vh）或绝对单位（如px），以适应不同屏幕尺寸下的表现。实现时，需特别注意保持设计图中的尺寸与代码中的实现一致，避免出现任何视觉偏差。 综上所述...

Magicbox
Global site tag (gtag.js) - Google Analytics