css中px是什么单位(CSS中px em rem区别与使用)
类别:Web前端 浏览量:2800
时间:2022-01-20 00:51:58 css中px是什么单位
CSS中px em rem区别与使用最近在学习字体时遇到字体大小的设置,font-size单位可以是px或em或rem,那么这几种单位都有什么区别呢,该如何使用呢?
px是像素图像的基本采样单位,相对于显示器屏幕分辨率而已的,什么是一个像素呢,你把一张图一直放大,会看到一个个小的方格子,一个方格子就是一个像素。浏览器默认的字体大小是16px。
px的特点是:字体大小写死固定了,是固定值,老版本IE无法缩放字体,但现在基本上都不用管低版本的IE。所以一般情况都会使用这种单位,够精确。
em是一个相对单位表示相对于其父亲元素字体的大小而言,可以是小数,整数。比如父元素字体大小是16px,则1em就是16px,2em就是32px。
em的特点是:不是固定值,它的值会随着父字体大小而变化。 使用场景:当当前元素的内外边距需要与当前字体大小成比例时,可以使用em。
rem也是一个相对单位与em的区别是,他是相对于根元素而言的,这样在使用计算时就比em简单方便多了,因为他的参考值就是根元素子图大小,浏览器默认的是16px。
rem的特点是:相对于根元素字体大小,计算方便。可以通过控制html根字体大小来改变整个页面字体大小,是页面在哥尺寸的移动端自适应。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持开心学习网!
您可能感兴趣
- navicat for mysql连接测试失败(Navicat Premiun远程连接MySQL报错10038解决方案)
- 如何使用rem开发移动端页面(移动端rem布局的两种实现方法)
- navicat怎么和mysql连接(Navicat Premium远程连接MySQL数据库的方法)
- vue组件方法里如何修改data(vue项目中使用rem替换px的实现示例)
- css中rem单位
- css媒体查询常见的媒体类型(css基于媒体查询和 rem 的响应式布局实践)
- navicat连接mysql报错(解决Navicat Premium 连接 MySQL 8.0 报错"1251"的问题分析)
- docker停止删除所有容器方法(Docker stop停止/remove删除所有容器)
- rem怎么设置适配(详解如何使用rem或viewport进行移动端适配)
- 云数据库navicat连不上(Navicat Premium15连接云服务器中的数据库问题及遇到坑)
- 支持多种数据库的数据库管理工具:navicat premium
- navicat中如何使用sql语句(Navicat Premium操作MySQL数据库执行sql语句)
- .NET中IsNullOrEmpty和IsNullOrWhiteSpace的区别
- vue组件轮播(vue+rem自定义轮播图效果)
- css基线实例详解(移动端使用 rem 单位时 css sprites 定位问题的解决)
- python中列表remove的用法汇总(对python_discover方法遍历所有执行的用例详解)
- 七夕取消了,牛郎织女没做核酸七夕已经取消(牛郎织女没做核酸七夕已经取消)
- 网友抵制 多地取消 夏日祭 为何惹众怒(网友抵制多地取消)
- 兄弟萌,今年的七夕又取消了 思考 思考(今年的七夕又取消了)
- 七夕取消是什么梗(七夕取消是什么梗)
- 这竟然是捏出来的 20种橡皮泥玩法让你轻松hold住魔娃(这竟然是捏出来的)
- 自制橡皮泥(自制橡皮泥)
热门推荐
- mysql存储引擎的创建与修改(关于MySQL Memory存储引擎的相关知识)
- sqlserver怎么手动添加数据库表(SQL Server 数据库调整表中列的顺序操作方法及遇到问题)
- 申请云服务器后需要做哪些(云服务器网站承载量一般有多大?一个云服务器能够放几个网站?)
- python3有哪些内置模块(Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析)
- php使用yield处理并发(Yii2.0框架模型多表关联查询示例)
- php常驻进程(PHP 多进程与信号中断实现多任务常驻内存管理实例方法)
- ftp上传文件权限设置(FTP二进制上传是什么意思?设置并使用二进制BINARY上传?)
- mysql索引b+树和b树(MySQL使用B+Tree当索引的优势有哪些)
- php异常和错误区别(PHP批斗大会之缺失的异常详解)
- try...catch... finally 的用法
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9