1.2 rem equals 19.2 px.
To convert rem to pixels, you multiply the rem value by the root font size, which is normally 16 pixels in browsers. So 1.2 rem means 1.2 times 16 px, resulting in 19.2 px.
Conversion Tool
Result in px:
Conversion Formula
The conversion formula is: px = rem × root font size. The root font size is the base font size set by the browser, usually 16 px.
When you multiply the rem value by 16, you get the pixel equivalent. If rem changes, the px value changes accordingly.
Example calculation:
- Given: 1.2 rem
- Root font size = 16 px
- Multiply: 1.2 × 16 = 19.2 px
Conversion Example
- Convert 0.5 rem to px:
- 0.5 × 16 = 8 px
- So, 0.5 rem equals 8 pixels.
- Convert 2 rem to px:
- 2 × 16 = 32 px
- 2 rem is 32 pixels.
- Convert 1.75 rem to px:
- 1.75 × 16 = 28 px
- Thus, 1.75 rem equals 28 pixels.
- Convert 3 rem to px:
- 3 × 16 = 48 px
- 3 rem is 48 pixels.
Conversion Chart
| Rem | Px |
|---|---|
| -23.8 | -380.8 |
| -20.0 | -320.0 |
| -15.5 | -248.0 |
| -10.7 | -171.2 |
| -5.3 | -84.8 |
| -2.0 | -32.0 |
| -0.5 | -8.0 |
| 0 | 0 |
| 0.8 | 12.8 |
| 1.2 | 19.2 |
| 3.4 | 54.4 |
| 7.1 | 113.6 |
| 12.0 | 192.0 |
| 18.5 | 296.0 |
| 26.2 | 419.2 |
This chart shows rem values in the left column with their pixel equivalents on the right. To find px for any rem, multiply by 16. Negative values mean negative pixel sizes, which might not be used often but shown for reference.
Related Conversion Questions
- How many pixels are in 1.2 rem if the root font size changes?
- Is 1.2 rem always equal to 19.2 px in all browsers?
- What is the pixel value of 1.2 rem on a device with 18 px root font size?
- How to convert 1.2 rem to px in CSS with different root font sizes?
- Why 1.2 rem does not equal 19.2 px sometimes?
- How does zooming affect 1.2 rem to pixel conversion?
- Can 1.2 rem be less than 19.2 px on some devices or browsers?
Conversion Definitions
rem: Rem is a CSS unit that means “root em”, based on the root element’s font size. It allows scalable and consistent sizing across pages, adjusting all rem values if the root font-size changes, making layouts more flexible and accessible.
px: Px stands for pixels, the smallest unit of measurement on screens. Pixels represent a single point of color on the display, fixed in size, making px a precise unit for defining exact sizes but less flexible for responsive designs.
Conversion FAQs
Does the root font size always equal 16 px?
No, the root font size can be changed in browsers or CSS by the user or designer. While 16 px is the default, it can be larger or smaller, affecting how rem units convert to pixels. So 1.2 rem might not always be 19.2 px if root size changes.
Can rem values be negative, and what does that mean in pixels?
Negative rem values are allowed in CSS, though rarely used. When negative, the pixel value is also negative, which can affect positioning or margins in layouts. It generally produces inverse positioning but should be used carefully to avoid layout issues.
Why do different browsers show different pixel sizes for the same rem value?
Browsers may have different default root font sizes or user zoom settings, causing rem to pixel conversions vary. Also, operating system settings and accessibility preferences can affect the root font size, making the pixel value differ between environments.
How does changing the root font size affect rem to px conversion?
Since rem bases on the root font size, any change to that size directly scales rem values. Increasing root font size makes rem values larger in pixels, while decreasing it shrinks the pixel output. This allows easy scaling of entire layouts by changing one value.
Is the rem to px conversion affected by screen resolution?
The conversion formula itself isn’t affected by screen resolution because rem and px are CSS units. However, how pixels appear on different screens depends on resolution and pixel density, which can make the same px value look bigger or smaller visually.