720 pixels is equal to 45 rem.
To convert pixels (px) to rem, you divide the pixel value by the root font size, which is often 16 pixels by default in most browsers. So, 720 px divided by 16 equals 45 rem. This conversion helps in creating scalable and responsive web designs.
Conversion Tool
Result in rem:
Conversion Formula
The formula to convert pixels (px) to rem is:
rem = px ÷ root font size
Usually, the root font size is 16 pixels, which means each rem unit equals 16 pixels. This formula works because rem units are relative to the root element’s font size, so dividing pixels by the root font size converts an absolute pixel value into a relative rem value.
Example:
- Given 720 px and root font size 16 px
- Divide 720 by 16: 720 ÷ 16 = 45
- So, 720 px equals 45 rem
Conversion Example
- Convert 320 px to rem:
- 320 ÷ 16 = 20
- Result: 320 px = 20 rem
- Convert 480 px to rem:
- 480 ÷ 16 = 30
- Result: 480 px = 30 rem
- Convert 600 px to rem:
- 600 ÷ 16 = 37.5
- Result: 600 px = 37.5 rem
- Convert 800 px to rem:
- 800 ÷ 16 = 50
- Result: 800 px = 50 rem
Conversion Chart
| Pixels (px) | Rem (rem) |
|---|---|
| 695.0 | 43.4375 |
| 700.0 | 43.75 |
| 705.0 | 44.0625 |
| 710.0 | 44.375 |
| 715.0 | 44.6875 |
| 720.0 | 45 |
| 725.0 | 45.3125 |
| 730.0 | 45.625 |
| 735.0 | 45.9375 |
| 740.0 | 46.25 |
| 745.0 | 46.5625 |
The chart shows pixel values ranging from 695 to 745 and their equivalent rem values using 16px as the root font size. You can use it to quickly find the rem value for pixel sizes around 720 without calculation.
Related Conversion Questions
- What is 720 px converted to rem if the root font size is different than 16?
- How do I convert 720 pixels to rem on a website with 18px root font size?
- Why is 720 px equal to 45 rem in CSS?
- Can I use 720 px as a rem value directly in stylesheets?
- What happens if I change the root font size, how does that affect 720 px to rem conversion?
- How to convert 720 px to rem for responsive design across devices?
- Is 720 px a large size when converted to rem for typography?
Conversion Definitions
px: The pixel (px) is a unit of measurement in digital imaging and screen displays. It represents a single point on a screen and is absolute, meaning it doesn’t change with zoom or font settings. Pixels are used to define sizes of images, text, and other elements in fixed dimensions.
rem: The rem (root em) is a relative unit in CSS representing the font size of the root element, usually the <html> tag. Unlike px, rem scales with user settings and browser defaults, allowing for responsive and accessible designs that adapt to different screen sizes and user preferences.
Conversion FAQs
Does the root font size always equal 16px when converting px to rem?
No, the root font size can be changed by CSS, so it might not always be 16px. When it’s changed, the conversion formula adjusts accordingly, dividing the px value by the actual root font size. If the root font size is 20px, 720 px would convert to 36 rem instead of 45 rem.
Can I use rem units for layout widths instead of pixels?
Yes, rem units are often better for layouts because they scale with user preferences and can improve accessibility. Using rem for widths, paddings, and margins helps maintain proportional sizing across different devices and zoom levels.
Why might rem values look different on various browsers?
Differences occur if browsers apply different default root font sizes or users change their settings. Also, if a website explicitly changes the root font size, the rem values will adjust accordingly, causing variation between browsers or devices.
Is converting 720 px to rem always accurate for text sizing?
Converting px to rem gives a relative size but doesn’t guarantee perfect text appearance. Font rendering, device pixel density, and user settings affect how text looks. Rem is better for scalability but testing on target devices is advised for best results.
How do I change the root font size to affect px to rem conversions?
You can change the root font size in CSS by setting the font-size property on the <html> element. For example, html { font-size: 18px; } changes the root size, so all rem conversions use 18 as the base divisor instead of 16.
Last Updated : 22 July, 2025
I’ve put so much effort writing this blog post to provide value to you. It’ll be very helpful for me, if you consider sharing it on social media or with your friends/family. SHARING IS ♥️
Sandeep Bhandari holds a Bachelor of Engineering in Computers from Thapar University (2006). He has 20 years of experience in the technology field. He has a keen interest in various technical fields, including database systems, computer networks, and programming. You can read more about him on his bio page.