在网页设计、样式代码编程过程中经常用到的设置字体大小的有px、pt、em等,本篇文字主要说说这三者的区别。
基本概念:
px 就是表示pixel,像素,是屏幕上显示数据的最基本的点,最小单位;
pt就是point,是印刷行业常用单位,等于1/72英寸。
em, 其实就是%,从这个概念上看,em才是真正的“相对单位”。
px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么? 可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对 长度”。
pt全称为point,但中文不叫“点”,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准 的长度单位,也称为“绝对长度”。
px会随显示器的分辨率而改变,pt会随Windows系统字体大小设置而改变。
设 置Windows系统字体大小:桌面上右键 > 属性 > 设置 > 高级 > 常规 > DPI 设置,默认的是“正常尺寸96DPI”,你可以自定义修改。
px和pt的使用区别,只有当用户改变默认的96DPI下才会产生:使用px 定义文字,无论用户怎么设置,都不会改变大小;使用pt定义文字,当用户设置超过96DPI的值,数值越大,字体就越大。
转换计算公 式:px = pt * DPI / 72
在网页设计中,面向用户的屏幕的基本单位是px,因此使用px作为单位是最简单也最容易理解 的,而pt也不过是通过了Windows的设置乘上了一个比率转变成px再显示,算是绕了个圈子。参考大部分大型网站,包括Adobe和 Microsoft,都是使用px作为单位,而且在HTML中,默认的单位就是px。
但在Word或Photoshop中,使用pt就相 当方便。因为使用Word和Photoshop的主要目的都不是为了屏幕浏览,而是输出打印。当打印到实体时,pt作为一个自然长度单位就方便实用了:比 如Word中普通的文档都用“宋体 9pt”,标题用“黑体 16pt”等等,无论电脑怎么设置,打印出来永远就是这么大。又或者在Photoshop中,设置一个图片中的某个艺术效果的字体是72pt大小,然后分 别将这张图片设为300DPI和72DPI,再打印出来,就可以看出,这2个字体大小完全一样,只是“清晰度”不同,300DPI更清晰。这是毫无疑问的结果。
样式中文字大小px、pt、em的区别
最新推荐文章于 2024-06-13 14:40:51 发布