1.4 rem equals 22.4 pixels.
The conversion from rem to pixels depends on the root font size set in the browser or stylesheet, which is commonly 16 pixels by default. Since 1 rem equals this root font size, multiply 1.4 by 16 to get the pixel value.
Conversion Tool
Result in px:
Conversion Formula
The formula to convert rem to pixels is: pixels = rem × root font size. The root font size is most commonly 16 pixels by browser default, but it can be changed by CSS styling.
This formula works because 1 rem unit equals the font size of the root element (usually the <html> tag). So multiplying rem by the root font size gives the equivalent pixel value.
Example calculation for 1.4 rem:
- Root font size = 16 px
- Multiply 1.4 rem × 16 px = 22.4 px
- So, 1.4 rem = 22.4 pixels
Conversion Example
- 2 rem to px:
- Root font size is 16 px
- 2 × 16 = 32 px
- Result: 2 rem = 32 pixels
- 0.75 rem to px:
- Root font size is 16 px
- 0.75 × 16 = 12 px
- Result: 0.75 rem = 12 pixels
- 3.25 rem to px:
- Root font size is 16 px
- 3.25 × 16 = 52 px
- Result: 3.25 rem = 52 pixels
- 1 rem to px:
- Root font size is 16 px
- 1 × 16 = 16 px
- Result: 1 rem = 16 pixels
- 4.5 rem to px:
- Root font size is 16 px
- 4.5 × 16 = 72 px
- Result: 4.5 rem = 72 pixels
Conversion Chart
This chart lists rem values from -23.6 to 26.4 and their pixel equivalents, assuming the root font size is 16 pixels. To use the chart, find your rem value on the left and see the matching pixels on the right.
| rem | pixels (px) |
|---|---|
| -23.6 | -377.6 |
| -20.0 | -320.0 |
| -15.5 | -248.0 |
| -10.1 | -161.6 |
| -5.75 | -92.0 |
| -2.3 | -36.8 |
| -0.5 | -8.0 |
| 0.0 | 0.0 |
| 1.2 | 19.2 |
| 3.6 | 57.6 |
| 5.0 | 80.0 |
| 7.25 | 116.0 |
| 10.0 | 160.0 |
| 13.8 | 220.8 |
| 17.3 | 276.8 |
| 20.0 | 320.0 |
| 22.5 | 360.0 |
| 26.4 | 422.4 |
Related Conversion Questions
- How many pixels are in 1.4 rem if the root font size is changed?
- What is the pixel value of 1.4 rem on mobile browsers?
- Does 1.4 rem equal the same pixels across different devices?
- How to convert 1.4 rem to px when root font size is not 16px?
- Why does 1.4 rem sometimes not equal 22.4 pixels?
- What affects the conversion of 1.4 rem to px in CSS?
- Can 1.4 rem be converted to pixels without knowing root font size?
Conversion Definitions
rem is a CSS unit representing the font size relative to the root element of the document. Unlike em, rem always refers to the root font size, making it useful for consistent scaling across a webpage regardless of nesting or inheritance.
px stands for pixels, a fixed unit representing a single dot on the screen. Pixels are the smallest unit of measurement for digital displays, and unlike relative units, px values do not scale based on user settings or parent elements.
Conversion FAQs
Can the root font size vary and affect rem to px conversion?
Yes, the root font size can be changed by CSS rules targeting the <html> or <body> elements. When changed, the rem unit recalculates accordingly, so 1.4 rem might not always equal 22.4 pixels if the root font size differs from the default 16 pixels.
Is rem always better than px for web design?
Rem scales better for responsive designs because it adapts to the root font size, which users can adjust for accessibility. Pixels provide fixed sizes that don’t scale but give precise control. Depending on the project needs, one may prefer rem for scalability or px for exact sizing.
Why does converting 1.4 rem sometimes produce different pixel values in browsers?
Browsers may have different default root font sizes or user overrides. If a user changes default font size settings, rem units convert based on that size, causing the pixel equivalent of 1.4 rem to be different than expected.
How does zooming the page affect rem to px conversion?
Zooming changes how CSS pixels map to physical screen pixels but does not change rem calculations directly. However, since rem depends on root font size, zooming can indirectly affect pixel density and how rem sizes appear visually.
Can negative rem values be converted to pixels?
Negative rem values are valid in CSS and convert to negative pixel values by multiplying with root font size. This might be useful for positioning or offsets but should be used carefully to avoid layout issues.