当前位置: 首页 > 面试题库 >

rem与CSS中的em有何区别?

有德业
2023-03-14
问题内容

在网站资源中,我有时看到开发人员使用该rem单元。类似于em吗?我尝试过查看它的实际作用,但是它相对于什么呢?

HTML

<div>Hello <p>World</p></div>

CSS

div {
    font-size: 1.4rem;
}

div p {
    font-size: 1.4rem;
}

问题答案:

EM相对于其父母的字体大小

REM相对于基本字体大小

当中间容器更改字体大小时,这一点很重要。带有EM的子元素将受到影响,而使用REM的子元素不会受到影响。



 类似资料:
  • 本文向大家介绍对比下px、em、rem有什么不同?相关面试题,主要包含被问及对比下px、em、rem有什么不同?时的应答技巧和注意事项,需要的朋友参考一下 https://www.runoob.com/w3cnote/px-em-rem-different.html PX 像素,相对长度单位,px 是相对显示器屏幕分辨率而言的。 EM 相对长度单位,em 相对于当前对象内文本的字体尺寸。通常 。

  • 本文向大家介绍title与h1的区别、b与strong的区别、i与em的区别?相关面试题,主要包含被问及title与h1的区别、b与strong的区别、i与em的区别?时的应答技巧和注意事项,需要的朋友参考一下 title 是 网页标题标签 h1 是文本标签 默认与word的h1相似为最大的标题显示 b 为文本加粗标签 与word的加粗功能相似 strong 为强调语气, 也是为文本加粗 与b标签

  • 本文向大家介绍px和em的区别相关面试题,主要包含被问及px和em的区别时的应答技巧和注意事项,需要的朋友参考一下 px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。 em得值不是固定的,并且em会继承父级元素的字体大小。 rem是CSS3新增的一个相对单位,可以理解为"root em",相对于根节点html的字体大小来计算的,chrome/firefox/IE9

  • 问题内容: 之间有什么区别,和?而当你在CSS定义字体大小,你用,还是? 问题答案: 像素()与浏览器有关。它是您在屏幕上看到的绝对大小。 有点像百分比。s是指基本文本大小。的值与的值具有相同的含义。但您也可以用相反的方式说:百分比值乘以100。 Points()是您要在打印介质中使用的。

  • 问题内容: 在CSS中设置字体大小时,我应该使用百分比值()还是?您能解释一下优势吗? 问题答案: 他们的结论是: 显示的大小和以ems为单位的行高以及在正文中指定的百分比(以及Safari 2的可选警告)可在当今所有常用的浏览器中提供准确,可调整大小的文本。您可以将这种技术放入工具包中,并将其用作在CSS中调整文本大小的最佳方法,该方法可以使设计人员和读者满意。

  • 本文向大家介绍css中的border:none和border:0px有什么区别?相关面试题,主要包含被问及css中的border:none和border:0px有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 最简单的一个例子: 从border: 10px;过渡到border: none;,是不会有动画的; 从border: 10px;过渡到border: 0px;,是可以有动画的。