一、代表单位不同。
px代表的是像素单位,em代表的是相对单位,pt代表的是绝对单位。
二、作用不同。
px可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果。
pt是一种固定长度的度量单位,是能够使用测量设备测得的长度。
三、定义不同
px是一个点,它不是自然界的长度单位,如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“像素”的大小是会“变”的,也称为“相对长度”。
pt全称为point,但中文不叫“磅”,正确的说法是一个专用的印刷单位“点”,1点=0.376毫米=1.07英美点=0.0148英尺=0.1776英寸。
扩展资料:
PX和PT转换的公式:
pt=px乘以3/4。
比如:12px×3/4=9pt大小。
PX和em转换的公式:
对于PX转em的方法也类似,就是em=16乘以px,
也就是说1.5em=1.5×16=24px。
参考资料:百度百科-PT
HTML中的常见长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm;px:像素(Pixel),相对于设备的长度单位,像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。ex:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。pt:点(Point),绝对长度单位。pc:派卡(Pica),绝对长度单位。相当于我国新四号铅字的尺寸。in:英寸(Inch),绝对长度单位。mm:毫米(Millimeter),绝对长度单位。cm:厘米(Centimeter),绝对长度单位。一般布局用px,字体用pt,这个没有明确的规定,主要看个人的喜好。
以前IE无法调整那些使用px作为单位的字体大小,但现在几乎IE都支持 在这里也推荐使用PX作为单位; 国外的大部分网站能够调整的原因在于其使用了em作为字体单位; Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的,QQ截图也是使用PX作为长度宽度单位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
扩展资料
单位换算:
任意浏览器的默认字体高度16px(16像素)。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。
为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值变为 16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
12px相当于9pt长度;12px相当于0.75em长度;9pt相当于0.75em长度;一般我们使用em换算px较多。
em单位有如下特点:
1、 em的值并不是固定的;
2、em会继承父级元素的字体大小。
在写CSS的时候如果要用em为单位,需要注意两点:
1、 body选择器中声明Font-size=62.5%;
2、将你的原来的px数值除以10,然后换上em作为单位;
3、重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)