rem单元在CSS中是如何呈现的？
rem（root em）是相对于根元素（即html元素）的字体大小的单位。在CSS中，可以使用rem单位来设置元素的尺寸、间距、边框等属性。
rem单位的计算方式是相对于根元素的字体大小。例如，如果根元素的字体大小设置为16px，那么1rem就等于16px。如果一个元素的字体大小设置为2rem，那么它的实际字体大小就是32px（2 * 16px）。
使用rem单位的好处是可以实现响应式布局。通过设置根元素的字体大小，可以统一调整整个页面的元素大小，适应不同的屏幕尺寸和设备。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS CDN：提供全球加速、智能压缩、缓存优化等功能，加速网页加载速度。详情请参考：腾讯云CSS CDN
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器，适用于各种应用场景。详情请参考：腾讯云云服务器
- 腾讯云云数据库MySQL版：提供高性能、高可用的云数据库服务，适用于各种规模的应用。详情请参考：腾讯云云数据库MySQL版
- 腾讯云内容分发网络（CDN）：提供全球加速、智能调度、安全防护等功能，加速静态资源的传输。详情请参考：腾讯云内容分发网络（CDN）
- 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能
相关·内容
关于自CSS3引入的rem单元，它只在页面刷新时呈现吗？如果为了响应测试而调整网页大小，字体大小定义为rem单位的文本是否也会动态调整大小？
浏览 27提问于2018-03-03得票数 1
回答已采纳
我有一个web应用程序，它在Chrome和Firefox中呈现完美，但在Safari中看起来完全无法理解。我相信这是由于Safari处理填充、magin等的rem单元的方式造成的。我在CSS中的html和root中将字体大小设置为6.25%，在给定默认字体大小16px的情况下，它会将rem缩放器转换为1px (即10rem变为10px)。然后我使
浏览 66提问于2021-08-15得票数 1
回答已采纳
2回答
该项目有广泛的要求，与大量的浏览器和设备在不同的地点，以满足。我要瞄准的主要地点之一是印度，那里的浏览器和设备使用趋势与英国或美国大不相同。印度浏览器使用我需要针对印度地区的浏览器是opera、android、uc浏览器和诺基亚，但每个浏览器都有各自的小怪癖。这样，设备的范围就不同了
Opera mini -不支持rems Android (在chrome之前)
浏览 4提问于2014-02-18得票数 4
回答已采纳
这是一个演示网站： (不，这不是一个与WordPress相关的问题。)我注意到的是，除了IE9(在IE9上测试)之外，所有现代浏览器(基本上是最新版本的Chrome、FireFox、Safari、Opera)的页面内容都是以“无衬线”字体系列显示的。'body‘标签有一个定义的字体，当菜单和'p’段落继承样式时，它应该自动应用于菜单和p段落。但在给定的示例中，这并没有发生。
查看
浏览 0提问于2012-04-24得票数 0
回答已采纳
1回答
我如何检查一个数字是否没有单位与较少？我的目标是使用默认单元，并尽可能多地使用“.字体大小(10)”之类的无单元函数。只有当值没有单位时，才应使用默认单位，如果它有“.字体大小(2EM)”这样的单位，则该值保留其单位。当默认单元为" rem“或rem用作单元时，函数必须在rem属性(旧浏览器)之前添加像素值，并计算rem值：
“.字体大小(5)”应输出：
浏览 5提问于2013-07-22得票数 3
1回答
当我在App.css中应用下面的CSS时，它们呈现得很完美，但是当我直接在组件(下面)中应用相同的样式时，CSS不会呈现。{ const VW = "vw"; const REM= "rem</
浏览 5提问于2020-03-25得票数 0
回答已采纳
1回答
我目前正在设置像这样的字体大小，以便在REM值中进行更容易的计算：body { font-size: 1.6rem; } /* 16px */首先，我尝试将根设置为HTML值，将基设置为正文值，但这会导致错误的计算，而将基或根设置为1.6rem或1rem也会导致错误的输出。有人知道在我设置以下示例时，是否可以配置Bootstrap 5，使其输出与32px (
浏览 1提问于2022-07-22得票数 3
回答已采纳
1回答
我正在尝试将这种风格应用到jQuery中，这样它就比仅仅通过css应用它具有更广泛的支持。#search{}
在jQuery中应用此样式时，如何添加32px。有没有一种方法可以在jQuery中进行数学运算？下面是我现在所知道的如何使
浏览 0提问于2013-05-12得票数 2
回答已采纳
我想知道如何让chrome在字体大小的css中使用rem。按照此article中所示的结构，我将字体大小定义为： font-size: clamp(1rem, -0.875rem + 8.333vw, 1.3rem); 当我在本地环境中运行它时，它在chrome、firefox和safari中的渲染效果与预期一致。部署后，它可以在firefo
浏览 57提问于2021-01-03得票数 1
回答已采纳
我知道rem单元是一个相对的单元，用于从根元素即html导出字体大小。</body>风格：
.basicStyle{width
浏览 4提问于2015-09-10得票数 1
回答已采纳
5回答
考虑下面的css类定义，取自WordDress22主题： margin-bottom: 24px;}
为什么margin-bottom定义了两次，一次使用px，另一次使用rem单位？浏览器将选择哪个单元？
浏览 6提问于2013-03-31得票数 0
回答已采纳
总之，我理解设置字体大小:在HTML元素上设置100%，加上一个HTML5重置和rem单元，应该会导致文本在不同的浏览器上呈现相同的大小。不过，我看到Firefox上呈现的文本比OS X上的Chrome更大。下面是一个测试用例：
<!" href="http://reset5.googlecode.com/hg/reset.min.<
浏览 2提问于2013-08-02得票数 1
回答已采纳
我有以下几点：我希望我的输入框最多容纳是否有一些公式，我应该使用时，决定宽度，如果我是使用的单位？
浏览 9提问于2013-10-18得票数 0
回答已采纳
: 0; } padding-left: 2.5rem;
padding-right: 2.5rem我一直认为应该根据使用的类的顺序来应用规则-在这种情况下，有px-10 (有填充)，然后是px-0 (没有填充)，所以最终的结果应该是没有填充。在这种情况下，在CSS中定义规则的顺序似乎也很重要--当我将.px-1
浏览 0提问于2020-05-16得票数 0
Chrome和Firefox，相同的页面，相同的CSS，与normalize.css，呈现方式不同。
Firefox呈现边框的<
浏览 0提问于2015-06-15得票数 0
CSS单元rem是“root em”的缩写。当在CSS中使用时，2rem的计算结果是“根元素上字体大小的两倍”，这在HTML文档中是HTML元素字体大小的两倍。我知道我可以通过在例如html { font-size: 10px; }中指定它来改变HTML元素的字体大小。但使用对物单位这样做有意义吗？这到底是什么意思？说明书上说了
浏览 3提问于2020-01-22得票数 2
回答已采纳
假设我想要下列样式：但是，我不想硬编码3，而是希望它是calc()操作(例如calc(2 + 1))的结果。如何指定单元rem以跟踪calc()操作的结果？我想做这样的事：我想我是在找连接功能吧？仅限于CSS解决方案，请。
浏览 4提问于2021-10-18得票数 0
回答已采纳
我是网页开发的新手，我想了解以下工作流程：
I设计一个以像素为单位(不能在中使用em或rem )的网站，以便有一个响应性好的网站，我想用rem单元编写CSS代码。我现在是否根据段落标签中的基本字体大小手动将所有px单元转换为rem单元？这里的数学是怎么做的？
浏览 4提问于2020-06-06得票数 3
回答已采纳
input,textarea { font-family: sans-serif; font-size: 1rem;这意味着什么，它是如何工作的？
浏览 1提问于2016-04-05得票数 3
回答已采纳
5回答
相对于容器的字体大小
、、、、
我正在设计一个可以根据窗口大小进行自我调整的网站，我需要使文本大小相对于它的容器(一个div)。我搜索了一下css，发现这是不可能的。因此，我搜索了所需的每一段代码，并将其编译为以下代码： $(document).ready(function() {style.fontSize = $("container").height(); });
<
浏览 2提问于2013-03-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
