em、rem的区别

已于 2023-02-09 15:33:43 修改
阅读量179 收藏
点赞数
分类专栏： css 文章标签： css html
于 2022-03-08 15:04:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50109437/article/details/123353435
版权

1、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值

2、rem：是相对于HTML的font-size的大小决定，一般浏览器默认是16px

3、px：绝对单位，页面按精确像素展示

4、vh、vw：主要用于页面视口大小布局，在页面布局上更加方便简单

丑摸样
关注
专栏目录
px、em、rem单位间的区别
simple_Xsg的博客
04-11 1301
1. px px是pixel的缩写，中文翻译是像素的意思；我们一般用来设置元素的宽高、字体大小，查了一下它不是自然界的长度单位。px是就是一张图片中最小的点，一张图就是由这些点构成的。1024px就是1024像素，如果是1024px×768px，也就是说水平方向上有1024个点，垂直方向上有768个点。谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，像素的大小是会“变”的，也称为“相对长度”； 特点：不会随着浏览.
rem和em的区别
热门推荐
前进者
07-01 2万+
文章里面的代码可以直接复制，运行！
em和rem区别
xiaoninvhuang的博客
04-24 983
em 单位em是相对于父元素的，如果父元素没有设置字体大小，那就会追溯到body（是body，不是html）。 lem就等于父元素字体的大小（如果父元素设置了字体大小）。 注意：任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。 rem  在说rem,因为他是相对于跟元素（html）,所以如果用rem，body里面写任
em和rem的区别
SiReSo的博客
03-14 2万+
1. em 是一个相对单位。相对于当前对象内文本的font-size，如果当前文本的字体尺寸没有设置，则相对于浏览器的默认字体尺寸。即1em=16px 特点： em的值并不是固定的 em会继承父元素的字体大小 2. rem 是一个相对单位。是相对HTML根元素。 特点： rem为元素设定字体大小的时候，是相对于根元素进行计算的。 当我们改变根元素下的字体大小时，下面的大小都会改变。 ...
CSS中px em rem区别与使用
12-09
在CSS布局和样式设计中，字体大小的设置是非常关键的一部分，通常我们会使用px、em或rem作为单位。这些单位各有特点，适用于不同的场景。下面将详细介绍它们的区别以及使用策略。 首先，px（像素）是最常见的长度...
CSS 中px、em、rem、%、vw、vh单位之间的区别详解
11-21
本文将详细解析px、em、rem、%、vw和vh这些单位的区别及其应用场景。 1. **px (像素)**: 像素是绝对长度单位，它基于屏幕的物理分辨率。1px表示设备上的一点，通常用于创建精确的图形或保持元素大小恒定。由于px是...
css中px、em和rem的区别总结
01-21
em 和 rem 区别 区别是浏览器根据谁来转化成 px 值 rem 单位如何转化为像素值 当使用 rem 单位，他们转化为像素大小取决于页根元素的字体大小，即 html 元素的字体大小。 根元素字体大小乘以你 rem 值
rem 和 em 的区别
yf18040578780的博客
04-28 3988
em和em都是相对单位，主要参考的标签不同：
em与rem的区别
qq_42459832的博客
11-20 3060
在css中px、em、rem，这三个的区别是： px是固定像素，一旦设置了就无法因为适应页面而改变。 em是rem相对于px更具有灵活性，他们是相对于长度单位的变化而变化，更适应于响应式布局。 em相对于父元素 rem相对于根元素 em的具体解析： 子元素字体大小的em是相对于父元素字体大小 元素的width/height/padding/margin用em的话相对于该元素的font-size。 <!DOCTYPE html> <html> <head> &
rem em的区别 基于什么
最新发布
06-08
`rem` 和 `em` 都是相对长度单位，但它们的基准不同。 - `rem` 的基准是相对于根元素（即 `html` 元素）的字体大小。例如，如果根元素的字体大小为 `16px`，则 `1rem` 就等于 `16px`。因此，`rem` 可以根据根元素的字体大小进行相对调整，适用于响应式布局等场景。 - `em` 的基准是相对于父元素的字体大小。例如，如果父元素的字体大小为 `16px`，则 `1em` 就等于 `16px`。因此，`em` 可以根据父元素的字体大小进行相对调整，适用于一些特定尺寸和排版场景。 综上所述，`rem` 和 `em` 的区别在于它们的基准不同，一个是根元素，一个是父元素。在实际开发中，应根据具体情况选择合适的相对长度单位。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值