本文介绍了网页设计中常用的像素（px）、点（pt）和百分比（em）单位，探讨了它们在不同场景的应用。px作为屏幕最小单位，直观易用；pt在印刷行业常见，1pt等于1/72英寸；em是相对单位，与CSS继承相关，提供设计灵活性。还提到了像素密度PPI（DPI）的概念。文章提供了px与pt、px与em之间的转换公式，帮助设计师进行单位换算。
px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便；
pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；
em：即％，在CSS中，1em＝100％，是一个比率，结合CSS继承关系使用，具有灵活性。
PPI（DPI）：pixel（dot）per inch，每英寸的像素（点）数，是一个率，表示了“清晰度”，“精度”
PX和PT转换的公式：
pt=px乘以3/4。
PX和em转换的公式：
em=16乘以px，也就是说1.5em=1.5×16=24px。
| Pixels | 6px | 7px | 8px | 9px | 10px | 11px | 12px | 13 |
最低0.47元/天 解锁文章
扫一扫
613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
