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根字体大小来改变整个页面字体大小,是页面在哥尺寸的移动端自适应。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持开心学习网!
您可能感兴趣
- css中rem单位
- navicat premium连接mysql报错(Navicat连接MySQL错误描述分析)
- 云数据库navicat连不上(Navicat Premium15连接云服务器中的数据库问题及遇到坑)
- .NET中IsNullOrEmpty和IsNullOrWhiteSpace的区别
- python中列表remove的用法汇总(对python_discover方法遍历所有执行的用例详解)
- css中px是什么单位(CSS中px em rem区别与使用)
- 支持多种数据库的数据库管理工具:navicat premium
- vue组件轮播(vue+rem自定义轮播图效果)
- css媒体查询常见的媒体类型(css基于媒体查询和 rem 的响应式布局实践)
- navicat连接mysql报错(解决Navicat Premium 连接 MySQL 8.0 报错"1251"的问题分析)
- navicat怎么和mysql连接(Navicat Premium远程连接MySQL数据库的方法)
- navicat for mysql连接测试失败(Navicat Premiun远程连接MySQL报错10038解决方案)
- vue组件方法里如何修改data(vue项目中使用rem替换px的实现示例)
- 如何使用rem开发移动端页面(移动端rem布局的两种实现方法)
- docker停止删除所有容器方法(Docker stop停止/remove删除所有容器)
- navicat载入sql文件(Navicat Premium如何导入SQL文件的方法步骤)
- 超撩人治愈的绝美水彩,原来出自她之手 一笔一画令无数人沉醉(超撩人治愈的绝美水彩)
- 新手的勾线(新手的勾线)
- ()
- 书法欣赏 宋.志南诗《绝句》(宋.志南诗绝句)
- 每周一首古诗 《绝句》(每周一首古诗绝句)
- 蓝色代表什么(蓝色代表什么性格的人)
热门推荐
- python str类型怎么转换(Python3中的bytes和str类型详解)
- dedecms搜索功能怎么设置详细(删除dedecms 5.7里面烦人的织梦链的方法)
- thinkphp5对接支付宝扫码支付(ThinkPHP框架下整合支付宝支付功能图文教程)
- apachemodule定义(使ApacheBench支持multi-url的方法)
- vue滑动切换页面(vue实现点击翻转效果)
- 新加坡服务器目前负载(新加坡服务器好不好?新加坡服务器有什么优势?)
- 织梦dedecms教程(详解各种dedeCMS织梦后台登陆验证码错误或不显示解决方法大全)
- 数据库差异备份
- 香港云服务器怎么那么火(如何选择便宜稳定的香港云服务器?)
- mvc razor 输出html
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9