1.09375 rem equals 17.5 px.
The conversion from rem to px depends on the root font size. Assuming the default root font size is 16 pixels, multiplying 1.09375 rem by 16 px/rem gives the equivalent pixel value of 17.5 px.
Conversion Tool
Result in px:
Conversion Formula
The formula to convert rem to px is:
pixels (px) = rem value × root font size in pixels
Since the root font size (usually the font size of the <html> element) is most often 16 px, multiplying the rem value by 16 gives the pixel equivalent. For example: if you have 1.09375 rem, multiply it by 16:
1.09375 rem × 16 px/rem = 17.5 px
This works because rem stands for “root em” and is relative to the root font size. So changing the base font size changes all rem units proportionally.
Conversion Example
- 2.5 rem to px:
- Start with 2.5 rem
- Multiply by 16 (root font size): 2.5 × 16 = 40
- Result: 40 px
- 0.75 rem to px:
- Take 0.75 rem
- Multiply by 16: 0.75 × 16 = 12
- Final value is 12 px
- 4 rem to px:
- 4 rem multiplied by 16 equals 64
- So, 4 rem = 64 px
- 1.25 rem to px:
- Multiply 1.25 by 16: 1.25 × 16 = 20
- Therefore, 1.25 rem equals 20 px
- 3.6 rem to px:
- 3.6 × 16 = 57.6
- So 3.6 rem corresponds to 57.6 px
Conversion Chart
The chart below lists rem values from -23.9 to 26.1 and their pixel equivalents based on 16 px root font size. You can use it for quick reference or to check conversions without calculator.
| rem | px |
|---|---|
| -23.9 | -382.4 |
| -20.0 | -320.0 |
| -15.5 | -248.0 |
| -12.3 | -196.8 |
| -9.7 | -155.2 |
| -7.1 | -113.6 |
| -4.6 | -73.6 |
| -2.2 | -35.2 |
| 0 | 0 |
| 1.3 | 20.8 |
| 3.5 | 56.0 |
| 6.0 | 96.0 |
| 8.7 | 139.2 |
| 11.4 | 182.4 |
| 14.0 | 224.0 |
| 17.8 | 284.8 |
| 20.5 | 328.0 |
| 23.1 | 369.6 |
| 26.1 | 417.6 |
Related Conversion Questions
- What is the pixel value of 1.09375 rem if the root font size changes to 18px?
- How do I convert 1.09375 rem to px in CSS?
- Does 1.09375 rem always equal 17.5 px on all browsers?
- Why does 1.09375 rem convert differently when font size is adjusted?
- How to calculate px from 1.09375 rem when root font size is unknown?
- Can 1.09375 rem be converted to px without knowing root font size?
- What difference does changing root font size make to 1.09375 rem in px?
Conversion Definitions
rem: A CSS unit representing the font size relative to the root element (<html>) font size. Unlike em, rem stays consistent throughout the page if root size doesn’t change, allowing scalable and accessible design. It helps in creating responsive layouts for text and elements.
px: A pixel is a fixed unit in screen display measurement, representing a single point on the screen. It does not scale with font size or screen resolution, making it absolute. Pixels give precise control over element size but can reduce flexibility on different devices or zoom levels.
Conversion FAQs
Can the root font size affect the rem to px conversion?
Yes, the root font size directly affects the conversion. Since rem is based on the root font size, if you change the root font size (usually the <html> element’s font size), rem values scale accordingly. For example, if root font size is 20px, then 1 rem equals 20px instead of 16px.
What happens if the root font size is not 16px?
If the root size changes from 16px to something else, the conversion factor changes. The formula remains the same but instead of multiplying rem by 16, you multiply by the new root font size. This means 1.09375 rem would no longer be 17.5 px, but 1.09375 × new root size.
Why use rem instead of px for sizing in CSS?
Rem units make sizing flexible and scalable with the root font size. This helps maintain accessibility and responsiveness across devices. Pixels are absolute, so designs using px may not adapt well when zooming or user changes font size preferences. Rem provides better user experience by scaling with base font size.
Is it possible to convert px to rem?
Yes, converting px to rem is done by dividing the pixel value by the root font size. For example, if root font size is 16px, 32px converts to 2 rem (32 ÷ 16 = 2). This allows converting fixed pixel sizes into scalable rem units for responsive design.
Can rem values be negative?
Yes, rem values can be negative, which will result in negative pixel values when converted. Negative values might be used in some CSS properties like margins or positioning to shift elements in the opposite direction. However, care should be taken when using negative rem values to avoid layout issues.
