绝对长度单位 pt、px pt(point) 是一个物理上的单位,不会随着不同设备的屏幕进行缩放,对于打印设备比较友好,比如我们在使用 CSS 中的 @medie screen print。1pt大小等于 1/72 英寸。 px 是一个视觉角度单位,一个像素代表屏幕的一个点。对于一个 72 PPI(pixels per inch)的屏幕来说,1px 就等于 1pt。会...
1. 如前面 Jet 所述,px 指的是象数,象数这个概念本身就是为了显示才引用的,而 pt (磅值)很大程度上是为了印刷不出错,印刷和显示有很大的不同,这里不多说,吉吉所说的情况也是用 pt 带来的弊病。 2. Html 代码中大部分默认的单位,例如 width=10 等等,都是以 px 做为单位的,屏幕的总宽度高度也是以 px ...
因为当网页中的字体没有给出实际的px或pt定义的话,会有一个默认值:12pt即16px,对应浏览器中“字体大小”中的“中等”,以这个为标准,变大或缩小。(只适用于IE,在FF中,即便定义px或pt也都可以变大变小) 所以,从这个概念上看,em才是真正的“相对单位”(百分比嘛,当然是相对),而px和pt都是绝对单位(都有...
一般情况下,1em=12pt=16px=100% . 下面例子前提在body中设置基础字体大小。 由上图可看出,相对单位em 和 % 会随着基础字体大小的变化而变化,而pt 和 px 不会变化,这就是为什么选择em 和 % 设置web文档文本的字体(其在移动端的访问性也很好)。
一般情况下,1em=12pt=16px=100% . 下面例子前提在body中设置基础字体大小。 由上图可看出,相对单位em 和 % 会随着基础字体大小的变化而变化,而pt 和 px 不会变化,这就是为什么选择em 和 % 设置web文档文本的字体(其在移动端的访问性也很好)。
3、“Points”:pt,大小固定,属于绝对单位,适用于印刷、打印媒体。 4、“Percent”: %,跟em相似,以percent来表示,则当前字体的大小为100% ,使用% 设置字体,你的页面字体在移动设备端的可访问性也很好。 二、关系 一般情况下,1em=12pt=16px=100% . 下面例子前提在body中设置基础字体大小。
文字font-size中 px, pt , em 1.单位换算 pt = px × 3/4 em = px × 16 16px = 1em = 12pt
pt :点 , 绝对长度单位 ; font-size 设置注意事项 : 推荐使用 像素 px 作为单位 , 其它长度单位不常用 , 适配比较麻烦 ; 不同的浏览器的默认文字大小不同 , 尽量为每个 body 设置一个基本的默认字体大小 , 推荐在 body 中设置 16 px ; Google 浏览器默认文字大小 16 像素 ; ...
px：pixel，像素，屏幕上显示的最小单位，主要用于网页设计，同样px的元素在不同分辨率的显示器中会呈现为不同的大小；pt：point，是一个标准的长度单位（一般音译为磅），1pt＝1/72英寸，主要用于印刷业，同样pt的元素在不同的打印机中打印出来大小都是一样的。