720 px equals 45 rem.
When converting pixels (px) to rem units, the pixel value is divided by the root font size, which is commonly 16px in most browsers. So, 720 px divided by 16 gives the rem value.
Conversion Tool
Result in rem:
Conversion Formula
The formula to convert pixels to rem is:
rem = pixels ÷ root font size
Since the root font size is 16 pixels by default in browsers, you divide the pixel value by 16 to get rem. This works because rem units represent the font size relative to the root element (<html>), so 1 rem equals that root font size.
Example calculation for 720 px:
- Start with 720 pixels
- Divide by root font size: 720 ÷ 16 = 45
- Result: 720 px = 45 rem
Conversion Example
- Convert 320 px to rem:
- Take 320 pixels
- Divide by 16 (root font size)
- 320 ÷ 16 = 20 rem
- Convert 144 px to rem:
- Start with 144 pixels
- Divide by 16
- 144 ÷ 16 = 9 rem
- Convert 64 px to rem:
- 64 pixels divided by 16
- 64 ÷ 16 = 4 rem
- Convert 500 px to rem:
- 500 pixels divided by 16
- 500 ÷ 16 = 31.25 rem
- Convert 96 px to rem:
- 96 pixels divided by 16
- 96 ÷ 16 = 6 rem
Conversion Chart
The table below shows pixel values from 695 to 745, and their equivalent rem values using the 16px root size. To use it, find the pixel value in the first column and read across to see the rem units next to it.
| Pixels (px) | Rem |
|---|---|
| 695.0 | 43.4375 |
| 700.0 | 43.75 |
| 705.0 | 44.0625 |
| 710.0 | 44.375 |
| 715.0 | 44.6875 |
| 720.0 | 45.0 |
| 725.0 | 45.3125 |
| 730.0 | 45.625 |
| 735.0 | 45.9375 |
| 740.0 | 46.25 |
| 745.0 | 46.5625 |
Related Conversion Questions
- How many rem is equal to 720 pixels if the root font size changes?
- What is the rem value of 720 px when the base font size is 20px instead of 16px?
- Why does 720 px convert to 45 rem in CSS?
- Can 720 pixels be converted to rem for responsive design?
- How do you calculate rem from 720 px manually without a calculator?
- What happens to rem units if the root font size is different than 16px for 720 px?
- Is 720 px always equal to 45 rem on all web browsers?
Conversion Definitions
px (Pixel): A pixel is the smallest unit of measurement in digital images and screens, representing a single point of color on the display. Pixels are absolute units in CSS, used to specify precise dimensions for elements, but they do not scale based on the user’s settings or zoom level.
rem (Root Em): rem is a relative length unit in CSS that scales according to the root element’s font size. Unlike em, which depends on the font size of the parent, rem always uses the font size of the <html> element, making it easier to maintain consistent proportions across a page.
Conversion FAQs
What if the root font size is not 16px? How does that affect 720 px to rem?
If the root font size changes, the conversion ratio changes too. For example, with a 20px root, 720 px ÷ 20 = 36 rem instead of 45 rem. Always divide by the actual root font size, not just 16, so the rem value matches your design’s base scaling.
Can I use rem units instead of px for layout measurements?
Yes, rem units scale with the root font size, making layouts more flexible for different screen sizes and user preferences. Using rem helps maintain proportional sizes across devices, unlike px which stays fixed regardless of zoom or accessibility settings.
Why does converting 720 px to rem improve responsive design?
Using rem units allows elements to scale based on root font size changes, which may be adjusted by user settings or media queries. This adaptability makes layouts more accessible and flexible compared to rigid px measurements, especially on diverse screen sizes.
Is it possible to convert rem back to px accurately?
Yes, multiply the rem value by the root font size. For instance, 45 rem × 16 px = 720 px. However, if the root font size changes, the px value represented by rem changes accordingly, so the conversion depends on that context.
Are rem units supported in all browsers for converting 720 px?
Most modern browsers support rem units fully, so using them for conversions is safe. Older browsers might have limited support, but nowadays rem is widely accepted, ensuring consistent rendering across platforms when converting values like 720 px.