PXtoEM 在线转换工具,快速将 PX 转换成 EM 或百分比单位

在网页设计时经常以 PX(Pixel)做为计算长度、宽度或是大小的单位,有些 WordPress 主题则偏好使用 EM 或是 REM,后来去查了一下资料才知道 PX 是绝对单位、EM 和 REM(或是百分比 %)是相对单位,前者以子元素通过倍数乘以父元素的 PX 值、后者是每个元素通过倍数乘以根元素的 PX 值(参考资料:一次搞懂 CSS 字体单位:px、em、rem 和 %),当今推荐以 REM 为单位,可根据不同屏幕尺寸统一调整所有元件大小。

PXtoEM
PXtoEM

本文要介绍「PXtoEM」是一个线上转换工具,可将PX转换为EM或百分比单位,前面有提到EM和EM是相对单位,是以父元素PX值乘以倍数来获得数值,举例来说,如果父元素的PX值是16px,那么20px会对应1.25em(也就是16乘以1.25倍得到20),透过PXtoEM 就能快速计算并且得出对应的单位数值。

PXtoEM 有一点旧了,本身没有使用 SSL 协议,浏览时网址栏会显示不安全,不过不影响使用,此外,这工具还能产生基于 Normalize CSS、但经由 PXtoEM 修改后的 CSS 范例,让开发者在开发上更轻松。

PXtoEM.com
http://pxtoem.com/

值得一试的三个理由:

  1. 迅速完成 PX 转 EM 或百分比单位的转换,轻松应对网页设计中不同单位的使用
  2. 透过这项工具更深入理解EM和REM相对单位换算的机制
  3. 亦可使用自定义转换的计算功能,输入特定 PX、EM 后得出对应的计算结果
本条目发布于。属于软件分类,被贴了 标签。作者是

关于有个狸

2005年开始的一名站长,从事网站策划、运营,早期一批扎根阿里妈妈、Google Adsense的一员,目前司职前端与产品设计。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注