我的浏览器宽度是1440px,我想制作一个比浏览器屏幕宽度略小的元素。所以只比1440px小一点。
有人可以向我解释像素与rem的关系吗?我的浏览器如何确定rem单元中的像素数?
答案 0 :(得分:2)
有人可以向我解释像素与rem的关系吗?我怎么样? 浏览器决定rem单元中的像素数?
rem
代表 root-em ,它是根元素的字体大小。在HTML中,根元素是<html>
。 UA通常将font-size
16px
应用于html
,因此1rem
在这种情况下等于16px
。
<强> 5.1.1. Font-relative lengths: the ‘em’, ‘ex’, ‘ch’, ‘rem’ units 强>
除了'rem'(指的是根元素的字体大小), 字体相对长度是指元素的字体度量 他们被使用[...]
rem unit
等于根元素上'font-size'的计算值。在根元素的'font-size'属性上指定时, 'rem'单位是指房产的初始价值。
font-size
的初始值为medium
。
答案 1 :(得分:0)
为什么不使用%
呢? rem
/ em
是相对于字体大小的单位,而不是屏幕大小。
在您的情况下,您可能想要这样做:
width: 95%;
或
width: calc(100% - 10px);
取决于您的需求。