1.07 rem equals 17.12 px assuming the root font size is 16 pixels.
Table of Contents
The conversion from rem to pixels depends on the root font size of the document, which usually is set to 16px by browsers. Multiplying the rem value by this root size gives the equivalent pixel value.
Conversion Tool
Result in px:
Conversion Formula
The conversion formula for rem to pixels is:
pixels = rem × root font size (in px)
The root font size is the base size set in the HTML document, most browsers set this to 16px by default. When you multiply the rem value by this base size, you get the equivalent pixel measurement.
For example, for 1.07 rem:
- Rem value: 1.07
- Root font size: 16px
- Calculation: 1.07 × 16 = 17.12 px
This means 1.07 rem is equal to 17.12 pixels on a screen where the root font size is 16px.
Conversion Example
- Convert 2.5 rem to px:
- Multiply 2.5 by 16 (root font size)
- 2.5 × 16 = 40 px
- Result: 2.5 rem equals 40 pixels
- Convert 0.75 rem to px:
- Multiply 0.75 by 16
- 0.75 × 16 = 12 px
- Result: 0.75 rem equals 12 pixels
- Convert 3 rem to px:
- Multiply 3 by 16
- 3 × 16 = 48 px
- Result: 3 rem equals 48 pixels
- Convert 1.2 rem to px:
- Multiply 1.2 by 16
- 1.2 × 16 = 19.2 px
- Result: 1.2 rem equals 19.2 pixels
Conversion Chart
The chart below lists rem values from -23.9 to 26.1, converted to pixels based on a 16px root font size. Negative values indicate sizes smaller than the root size in the opposite direction, which can be useful in some design scenarios.
| Rem | Pixels (px) |
|---|---|
| -23.9 | -382.4 |
| -20.0 | -320.0 |
| -15.5 | -248.0 |
| -10.1 | -161.6 |
| -5.8 | -92.8 |
| -1.0 | -16.0 |
| 0.0 | 0.0 |
| 0.5 | 8.0 |
| 1.0 | 16.0 |
| 1.5 | 24.0 |
| 2.3 | 36.8 |
| 3.7 | 59.2 |
| 5.0 | 80.0 |
| 8.2 | 131.2 |
| 12.6 | 201.6 |
| 16.8 | 268.8 |
| 20.0 | 320.0 |
| 23.4 | 374.4 |
| 26.1 | 417.6 |
Related Conversion Questions
- How many pixels is 1.07 rem if my root font size changes?
- What does 1.07 rem equal in px on different devices?
- Is 1.07 rem always the same pixel value in CSS?
- How to convert 1.07 rem to px manually without tools?
- Does browser zoom affect the conversion of 1.07 rem to px?
- Can 1.07 rem be less than 16 pixels in any situation?
- What is the pixel equivalent of 1.07 rem if root font size is 18px?
Conversion Definitions
rem: A CSS unit representing the font size relative to the root element’s font size. One rem equals the root font size, which controls scalability and consistency in web layouts, allowing elements to resize based on user settings or browser defaults.
px: A pixel unit used in web design to represent a single dot on the screen. Pixels provide fixed measurement for layout elements, unaffected by font size or zoom, and vary in physical size depending on screen resolution and device density.
Conversion FAQs
What happens if the root font size is changed from 16px?
If the root font size changes, the pixel value corresponding to 1.07 rem changes proportionally. For example, if root font size is 20px, then 1.07 rem equals 1.07 × 20 = 21.4 px. This means rem units scale consistently with root font size adjustments, affecting layout sizes.
Can rem values be negative, and what does that mean in pixels?
Negative rem values are possible but rare in practical CSS. A negative rem means the computed size will be negative pixels, which might cause rendering issues or be ignored by browsers. It’s mostly used in calculations or animations but generally avoided for standard sizing.
Why use rem instead of px for font sizes?
Using rem units allows font sizes to scale relative to the root font size, enabling better accessibility and responsiveness. Pixels are fixed and don’t respond to user settings or zoom, so rem helps create flexible designs that adjust better across devices and user preferences.
Does device pixel density affect rem to px conversion?
Device pixel density affects physical size of pixels but not CSS pixels. The rem to px conversion is based on CSS pixels, which remain consistent regardless of device density. So rem to px conversion stays the same in CSS terms, but physical size may differ on high-DPI screens.
How can I find the root font size on a webpage?
You can find the root font size by inspecting the HTML element in browser developer tools. The computed font-size property on the <html> element reveals the root size, which is the base for rem calculations. If not set explicitly, browsers default it to 16px.