为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

2019年4月17日 · rem是相对单位，为每个元素透过“倍数”乘以根元素的px值，如果我们每一层div都使用1.2rem，最内层就会是16px x 1.2 = 19.2px。 （根元素指的是html的font-size，预设为16px）

1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px. The size can be calculated from pixels to em using this formula: pixels /16= em. In the example above, the text size in em is the same as the previous example in pixels.

以像素值（px）设置字体大小是需要像素级精度时的不错选择。 px 值是静态的。 这是一种跨操作系统和跨浏览器的方式，可以确切地告诉浏览器以你指定的像素高度呈现字母。 因为可能使用不同的算法来实现类似的效果，结果可能在不同浏览器间略有差异。 字体大小设置也可以组合使用。 例如，如果父元素设置为 16px，其子元素设置为 larger，则子元素在页面上显示比父元素更大。 备注： 使用 px 定义字体大小会 破坏无障碍，因为用户在某些浏览器中无法更改字体大小。 …

font-size 是网页开发的过程中 CSS 语言针对字体的一个属性，通常我们在设计一个网页时会使用不同的字体大小，可以方便对应 html 中的不同标签，我们一般作为 Heading 在整个项目中去不断的复用这些 Heading。 像诸多设计工具一样，font-size 也有不同的单位，设计常用的单位可能有像素（px）、厘米（cm）等，而在 CSS 中 font-size 常用的单位有 rem 、em、px、pt、% 这几种。 那么 font-size 的不同单位都有什么不同呢？ em ，1em 就等于当前元素的字体大小，在印刷 …

2015年4月8日 · CSS Font-Size: em、px 、pt 、Percent之间的关系及换算 一、基础介绍 1、“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大 …

2021年7月19日 · 本文将详细解析px、em、rem、%、vw和vh这些单位的区别及其应用场景。 1. **px (像素)**: 像素是绝对长度单位，它基于屏幕的物理分辨率。1px表示设备上的一点，通常用于创建精确的图形或保持元素大小

2010年4月7日 · Freely convert between pixels (px), points (pt), ems or rems, and percent (%) values. Primarily for font-sizes and media queries. Calculator and charts provided. Compare significant points, or significant pixels, with their equivalents in: pixels (px), points (pt), ems, percent (%) and keywords. Chart accommodates sub-pixel rendering.

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

Try using a mix of px, em, and rem. Chris Coyier explains in this post that using px for your document, rem for your modules (ie. sections of your page), and em for text elements within your modules, the page will scale cleanly.