px,em,pt单位之间的区别
2017-12-25 13:16
423 查看
px是像素单位,em是相对单位,pt是绝对单位。
它们各自的好处是:px可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果。em的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小。它可以自由缩放,比如用来制作可伸缩的样式表。pt是一种固定长度的度量单位,是能够使用测量设备测得的长度。绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道是用在哪种输出媒体的情况下才使用。但大多数情况下最好使用相对单位。一般都是用px和em这两种种配搭比较好。
它们各自的好处是:px可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果。em的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小。它可以自由缩放,比如用来制作可伸缩的样式表。pt是一种固定长度的度量单位,是能够使用测量设备测得的长度。绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道是用在哪种输出媒体的情况下才使用。但大多数情况下最好使用相对单位。一般都是用px和em这两种种配搭比较好。
相关文章推荐
- css中字体单位px,pt,em ,rem,百分比之间的区别和用法
- css中字体单位px,pt,em,百分比之间的区别和用法
- css3大小单位px、pt、em和rem的区别
- css中单位px、pt、em和rem的区别
- CSS长度单位及区别 em ex px pt in
- css中单位px、pt、em和rem的区别
- 搞清css长度单位及区别 em ex px pt in
- css中单位px、pt、em和rem的区别
- 长度单位PX/EM/PT/EM 区别及其转换公式与对照表
- pt,px,rem和em之间区别总结
- 长度单位PX/EM/PT/EM 区别及其转换公式与对照表
- 长度单位PX/EM/PT/EM 区别及其转换公式与对照表
- CSS长度单位及区别 em ex px pt in
- css中长度单位px、em、pt的区别
- px,pt,ppi,dpi,dp,sp,em,rem,vw和vh等css中常用长度之间区别总结
- px em pt单位区别
- px、em、pt之间的区别与互相转换
- HTML中字体单位px pt em之间的转换
- CSS长度单位及区别 em ex px pt in
- css中单位px、pt、em和rem的区别