css单位em、px、rem和pt的区别
2024-08-28 00:00:50
1、PX :像素(Pixel)
PX是相对长度单位,它是相对于显示器屏幕分辨率而言的。
优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。
2、EM:是相对长度单位。
EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
优缺点:EM的值并不是固定的,它会继承父级元素的字体大小。
EM和PX的之间的相互转换:
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。
为了使用方便,用em时,我们通常在CSS中的body选择器中声明font-size=62.5%(使em值变为 16px*62.5%=10px), 之后,你只需要将你使用的px值除以10,即可得到em值,如:12px=1.2em, 10px=1em。
3、REM :是CSS3新增的一个相对单位(root em,根em)
REM是相对单位,是相对HTML根元素。
这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。 目前,除了IE8及更早版本外,所有浏览器均已支持rem。
4、PT :印刷业上常使用的单位
PT是磅的意思,一般用于页面打印排版。
最新文章
- FASTSOCKET
- welcome to learn prgram
- linux自动以root登录,并自动启动用户程序的设置方法
- 2016 - 1 - 23 json转模型 常用的第三方框架
- python星号变量
- linux下备份mysql命令
- ES6-Symbol
- 05-Tom猫(UIImageView的简单运用)
- (转)PHP的语言结构和函数的区别
- 3.6 spring-construction-arg 子元素的使用与解析
- Twitter 新一代流处理工具——Heron 该纸币Storm Limitations
- 转 intValue()的用法
- JAVA线程概念
- GIT入门笔记(4)- GIT 安装
- PHP -- 七牛云 在线视频 获取某一帧作为封面图
- Java自带RPC实现,RMI框架入门
- Python基础(4)列表、元组、字符串、字典、集合、文件操作
- PTA 7-6 列出连通集(深搜+广搜)
- 最新版本Bootstrap样式很奇怪(4.1版本)
- 微信小程序动画技巧