pt,px,rem和em之间区别总结
来源:互联网 发布:淘宝布料 编辑:程序博客网 时间:2024/05/29 15:00
pt与px
在html设计字体的css样式中,有些字体设置成14pt,而不是14px,那pt是什么,和px又有什么关系呢?
pt(point)是印刷行业常用的单位,等于1/72英寸,表示绝对长度。px(pixel)指的是像素,是屏幕上显示数据的最基本的点,表示相对大小。不同分辨率下相同长度的px元素显示会不一样,比如同样是14px大小的字,在1366*768显示屏下会显示的小,在1024*768尺寸的显示器下会相对大点。
px和pt转换规则很简单,默认的显示设置中把文字定义为96DPI,由公式px=pt*DPI/72,可得pt=px*3/4。
em和rem
em是相对长度单位,相对于当前对象内文本的字体尺寸,即em的计算是基于父级元素font-size的。比如:
- <body style="font-size:14px">
- <p style="font-size:2em">我这里的字体显示大小是28px(14px*2)</p>
- <div style="font-size:18px">
- <p style="font-size:2em">我这里显示字体大小是36px(18px*2),而不是上面计算的28px</p>
- </div>
- </body>
- <body style="font-size:14px">
- <p style="font-size:2rem">我这里的字体显示大小是28px(14px*2)</p>
- <div style="font-size:18px">
- <p style="font-size:2rem">我这里显示字体大小是28px(14px*2),因为我是根据html根元素的font-size大小进行计算的</p>
- </div>
- </body>
0 0
- pt,px,rem和em之间区别总结
- px和em,rem,pt的区别
- px,pt,ppi,dpi,dp,sp,em,rem,vw和vh等css中常用长度之间区别总结
- css中字体单位px,pt,em ,rem,百分比之间的区别和用法
- css中单位px、pt、em和rem的区别
- css3大小单位px、pt、em和rem的区别
- css3大小单位px、pt、em和rem的区别
- css中单位px、pt、em和rem的区别
- css中单位px、pt、em和rem的区别
- css中单位px、pt、em和rem的区别
- css中单位px、pt、em和rem的区别
- css中单位px、pt、em和rem的区别
- px+em+rem+pt的区别
- px+em+pt+rpx+rem的区别
- px/pt和em/rem的差别
- px、em和rem区别
- rem,px,em之间的关系和区别
- em, px 以及 rem 之间的区别
- 一个关于装饰器(decorator)的题目
- CSS笔记二
- GetMessage函数
- scrollbars属性,MultiLine 属性
- 【SSH系列】Hibernate映射-- 多对一单向关联映射
- pt,px,rem和em之间区别总结
- 设计模式---代理模式
- webService学习5:Eclipse的TCP/IP工具
- 01、分页功能
- handler.post和handler.sendMessage的区别和联系
- 《CSS权威指南》——笔记2(选择器)
- 时间复杂度和空间复杂度
- 51nod 1067 Bash游戏 V2 博弈论
- First Step