CSS文字大小px和pt的区别

yibin 2015-02-09 建站源码 522

网页设计CSS中,经常用到字体,而字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?

px:pixel,像素,屏幕上显示的最小单位;

pt:point,点,是印刷业一个标准的长度单位,1pt=1/72英寸;

在Windows里,默认的显示设置中,把文字定义为96dpi。这说明了:1px=1/96英寸;而1pt=1/72英寸,可以得出,在本设置中1px=0.75pt,字体9pt=12px。

但是,用户可以修改文字定义的dpi大小,例如改成144dpi,这样,1px=0.5pt,字体9pt=18px。原先用12px来组成的一个文字,现在需要18px来组成,px多了,文字就“大”了,更易阅读了。

所以,px和pt的区别在于,px会随显示器的分辨率而改变,pt会随Windows系统字体大小设置而改变。

扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询