1.09375 rem equals 17.5 px.
Table of Contents
The conversion from rem to pixels depends on the root font size of the document. By default, browsers use 16 pixels as the root font size, so 1 rem equals 16 pixels. Multiplying 1.09375 by 16 gives you 17.5 pixels.
Conversion Tool
Result in px:
Conversion Formula
The formula to convert rem to pixels is:
pixels = rem × root font size
Here, the root font size is usually set to 16 pixels by browsers unless changed by CSS. The rem unit means “root em” and scales relative to that root font size.
For example, to convert 1.09375 rem to pixels:
- Take the rem value: 1.09375
- Multiply by root font size: 1.09375 × 16
- Result: 17.5 pixels
This works because the rem unit is proportional to the root font size, so changing the root font size changes all rem-based lengths.
Conversion Example
- Convert 2.5 rem to px:
- 2.5 × 16 = 40 px
- This means 2.5 rem equals 40 pixels if root font size is 16px.
- Convert 0.75 rem to px:
- 0.75 × 16 = 12 px
- So 0.75 rem is 12 pixels.
- Convert 3.2 rem to px:
- 3.2 × 16 = 51.2 px
- This means 3.2 rem converts to 51.2 pixels.
- Convert 0.125 rem to px:
- 0.125 × 16 = 2 px
- Thus 0.125 rem equals 2 pixels.
- Convert 5 rem to px:
- 5 × 16 = 80 px
- Therefore, 5 rem equals 80 pixels.
Conversion Chart
The table below shows rem values from -23.9 to 26.1 converted to pixels, using 16px root font size. Negative values indicate negative length or offset, which can be used in layouts to shift elements left/up for example. Positive values show standard sizes. Use this chart as a quick reference to translate rem units into pixel units.
| Rem | Pixels (px) |
|---|---|
| -23.9 | -382.4 |
| -20.0 | -320.0 |
| -15.5 | -248.0 |
| -10.0 | -160.0 |
| -5.25 | -84.0 |
| -1.0 | -16.0 |
| 0.0 | 0.0 |
| 1.0 | 16.0 |
| 3.5 | 56.0 |
| 7.25 | 116.0 |
| 10.0 | 160.0 |
| 15.0 | 240.0 |
| 20.5 | 328.0 |
| 23.9 | 382.4 |
| 26.1 | 417.6 |
Related Conversion Questions
- How many pixels is 1.09375 rem with a 16px root font?
- What pixel size does 1.09375 rem represent on different browsers?
- Is 1.09375 rem equal to 17.5 px always or does it change?
- How to convert 1.09375 rem to px when root font size is not 16px?
- Why does 1.09375 rem sometimes not match exactly 17.5 pixels?
- What is the difference between rem and px for 1.09375 units?
- Can 1.09375 rem be converted to pixels in CSS dynamically?
Conversion Definitions
rem: rem is a CSS length unit that stands for “root em”. It measures relative to the root element’s font size, allowing scalable, consistent sizing across elements. If root font size changes, all rem-based sizes adjust proportionally, making layouts flexible.
px: px, short for pixel, is an absolute unit representing a single dot on the screen. It’s fixed in size and does not scale with font size or user settings, providing precise control over element dimensions in web design and graphics.
Conversion FAQs
Does the rem to px conversion change if the browser default font size changes?
Yes, if the root font size is adjusted via CSS or browser settings, the pixel value for a given rem changes. For example, if root font size is 20px, then 1 rem equals 20 pixels. The conversion depends on the root font size, not fixed at 16px always.
Can rem values be negative and what does it mean in px?
Negative rem values are valid and translate to negative pixel values, useful for positioning or offsets. For instance, -1 rem equals -16 px if root font size is 16px. It shifts elements in the opposite direction along an axis.
Why use rem instead of px for font sizes or spacing?
Rem units scale relative to the root font size, making designs more adaptable for accessibility and responsiveness. Pixels are fixed and don’t scale with user preferences. Using rem makes text and layout adjust better on different devices or user settings.
Is there any difference between rem and em in pixel conversion?
Yes, em units are relative to the font size of the current element, while rem is relative to root font size. This means em can compound depending on nesting, but rem remains consistent across the document, making rem more predictable for conversions.
How precise is the rem to px conversion? Can it cause layout issues?
Conversions are precise mathematically, but rendering can slightly differ due to subpixel rounding or zooming in browsers. Very small fractional rem values may not appear exact in pixels, potentially causing minor layout shifts or blurriness.