说说em/px/rem/vh/vw区别?

最新推荐文章于 2024-03-17 15:55:36 发布
最新推荐文章于 2024-03-17 15:55:36 发布
阅读量110 收藏
点赞数
文章标签： javascript 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62063529/article/details/129024102
版权

em/px/rem/vh/vw区别如下：

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

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

**rem**：相对单位，可理解为`root em`, 相对根节点`html`的字体大小来计算

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

Morefree...
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅析rem和em和px vh vw和% 移动端长度单位
09-24
下面小编就为大家带来一篇浅析rem和em和px vh vw和% 移动端长度单位。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
px、em、rem、%、vw、vh单位之间的区别
01-08
字体大小同样都是1.5em，但是效果却截然不同，按照W3C提供的公式，我们可以计算下： class为id1的div字体大小继承自父元素body：16px*1.5em = 24px class为id2的div字体大小继承自父元素id1：24px*1.5em = 36px ...
说说 em/px/rem/vh/vw 区别
MINX_minx的博客
11-16 383
em/px/rem/vh/vw 都属于 css 的单位
em/px/rem/vh/vw 的区别？
徐三岁的博客
06-05 314
px表示像素，所谓像素就是呈现在显示器上的一个个小点，每个像素点都是大小等同的，所以像素为绝对长度单位。在移动端中存在设备像素比，px实际显示的大小是不确定，之所以认为px为绝对单位，在于px的大小和元素的其他属性无关em是相对长度单位。相对于当前对象内文本的字体大小。如果当前对象内没有设置，则相对于浏览器的默认字体尺寸（1em = 16px）为了简化 font-size 的换算，可以在css中的 body 选择器中声明font-size= 62.5%，这就使 em 值变为 16px*62.5% = 10p
em、px、rem、vh、vw 的区别
最新发布
preoccupied_的博客
03-17 271
px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值rem：相对单位，可理解为root em, 相对根节点html的字体大小来计算vw、vh：主要用于页面视口大小布局，在页面布局上更加方便简单。
7、em/px/rem/vh/vw区别？
weixin_43929206的博客
11-27 271
css中单位的解释；
【前端面试之CSS】em/px/rem/vh/vw的区别
阿卡内的博客
08-02 212
em/px/rem/vh/vw的区别
css尺寸单位px、em、rem、vh/vw的区别是什么？
weixin_43273592的博客
07-14 318
如果HTML元素没有指定字体尺寸，那么以浏览器默认的字体尺寸为准例如，HTML元素设置了字体尺寸为 25px ，那么 2rem 就代表 50px.em是相对单位，相对于当前元素内文本的字体尺寸。如果当前元素没有指定字体尺寸，那么以浏览器默认的字体尺寸为准例如，当前元素设置了字体尺寸为 18px ，那么 2em 就代表 36px。vw 和 vh 是相对单位，相对于当前视口。vh是相对当前视口的高，vw是相对当前视口的宽。例如，20vw 代表当前视口宽度的 20%，30vh 代表当前视口高度的 30%
CSS 中px、em、rem、%、vw、vh单位之间的区别详解
11-21
字体大小同样都是1.5em，但是效果却截然不同，按照W3C提供的公式，我们可以计算下： class为id1的div字体大小继承自父元素body：16px*1.5em = 24px class为id2的div字体大小继承自父元素id1：24px*1.5em = 36px ...
浅析CSS中单位px、rem、em、vh、vw之间的区别
11-20
为什么我们需要相对长度rem em等？ 固定长度已经不能满足我们现在的需求了。 举例：比如我们在缩小我们屏幕的时候，我们不仅仅是需要缩小我们的盒子的宽高，我们还想要让我们字体大小也随之缩小，这样用户体验会更好...
px、em、 rem、vh、vw 的区别
alpha_xiao的博客
03-11 6434
1、px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 2、em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 3、rem：相对长度单位。r’是“root”的缩写，相对于根元素<html>的字体大小。 4、vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。 5、vmin and vmax：关于视口高度和宽度两者的最小值或者最大值。 ...
前端知识笔记（十九）———px，em，rem，vw，vh之间的区别
lrx276的博客
12-02 624
现在在你电脑上一个字为16px，大小正好，可能到比你分辨率要高的电脑上，字体16px大小不变，但是分辨率有变化，导致字体在别的电脑上可能会导致不适配的情况发生。例如：这个就很好理解，就是1em就是父元素的一整个字体大小，当然，嵌套的多了容易搞混，尽量不要在嵌套多个元素的时候使用em，个人认为不太好用。：vh类似于vw，不同之处在于它是相对于视窗高度的百分比单位，1vh等于视窗高度的1%。例如：这个跟em的区别就是他不是看父元素，而是看根元素，因为不受父元素的影响，所以适用于自适应。
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】
橙-极纪元-cplvfx-JJY.Cheng
06-22 8719
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】
em/px/rem/vh/vw 区别
weixin_70317227的博客
07-15 125
传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值。
前端中网页布局px ,rem,em,vw,vh的认识和区别有哪些？
ccssr的博客
06-22 4933
网页开发中，常会涉及到各种相对单位，px,rem,em,vw,vh你是否全面了解会使用，并且可以轻易区分它们，如果你特别头疼不知道它们是什么怎么用，欢迎点击阅读收藏哦
CSS单位 px、em、rem、vh、vw的区别
qq_45934297的博客
11-29 512
如果浏览器的高为 900px，宽为 500px，则 1vmin = 5px，1vmax = 9px。eg：浏览器宽度为 1000px，那么 1vw = 1000px /100 = 10px。如果没有设置html的字体大小，就会使用浏览器默认字体大小，一般是16px。viewpoint height的缩写，视窗高度，1vh等于视窗高度的1%。viewpoint width的缩写，视窗宽度，1vw等于视窗宽度的1%。如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸。注：em的值并不是固定的；
详解web前端长度单位（px、em、rem、%、vw/vh、vmin/vmax、vm、calc()）
我都博客
08-17 8168
在前端开发中，会遇到各种不同类型的长度单位，比如px,em,rem等。 而整体的长度单位分为两大类： 绝对长度单位包括：in,cm, mm, q, pt, pc, px 相对长度单位包括：em, rem, %, vw, vh, vmax, vmin, vm, ch, ex
说说em/px/rem/vh/vw的区别
树上骑个猴的博客
03-31 2596
一、介绍 传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性 从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位 利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等 二、单位 在css单位中，可以分为长度单位、绝对单位，如下表所指示 CSS单位 相对长度单位 em、ex、ch、rem、vw、vh、vmin、vmax、% 绝对长度单位 cm、mm、in、px
说说em/px/rem/vh/vw区别
03-13
em是相对于父元素的字体大小来计算的单位，px是像素单位，rem是相对于根元素的字体大小来计算的单位，vh是视口高度的百分比单位，vw是视口宽度的百分比单位。它们的区别在于计算方式和应用场景不同。em和rem主要用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值