本文摘自PHP中文网,作者青灯夜游,侵删。
CSS 9pt等于12px。pt和px的计算公式为“pt=px*dpi/72”,而以Windows下的96dpi(默认)来计算,“9pt = 9 * 1/72 * 96 = 12px”。
本教程操作环境:windows7系统、css3版、Dell G3电脑。
css pt和px单位
pt (point,磅):是一个物理长度单位,指的是72分之一英寸。
px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。
pt和px的换算公式可以根据pt的定义得出:
pt = 1/72(英寸), px = 1/dpi(英寸)
因此
pt = px * dpi / 72
以 Windows 下的 96dpi 来计算:
1 pt = px * 96/72 = px * 4/3
例如,无论在哪个操作系统中,Firefox 浏览器默认的 DPI 都是 96,那么实际上 9pt = 9 * 1/72 * 96 = 12px。
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者