我的应用程序使用rem值。如何将其与像素相关联?

时间:2014-11-01 13:10:34

标签: css

我的浏览器宽度是1440px,我想制作一个比浏览器屏幕宽度略小的元素。所以只比1440px小一点。

有人可以向我解释像素与rem的关系吗?我的浏览器如何确定rem单元中的像素数?

2 个答案:

答案 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);

取决于您的需求。