320px = 20rem

320 pixels converts to 20rem when the root font-size is 16px (the browser default). This conversion is calculated by dividing the pixel value by the base font size: 320 ÷ 16 = 20.

Formula

320px ÷ 16 = 20rem

CSS Example

/* 320px as rem */
.element {
  width: 20rem; /* 320px */
}

When to Use 320px (20rem)

A value of 320px (20rem) is commonly used for component widths, card sizes, sidebar widths, and image containers. In responsive web design, using 20rem instead of 320px ensures your components and containers scale proportionally when users change their browser font size settings.

Why Use REM?

REM units are relative to the root element's font-size, making them ideal for accessible, responsive designs. When you write 20rem instead of 320px, your layout respects user preferences — if someone sets their browser to a larger font size for readability, all your rem-based values scale up proportionally.

Nearby Conversions

px	rem
160px	10rem	Convert →
176px	11rem	Convert →
192px	12rem	Convert →
200px	12.5rem	Convert →
224px	14rem	Convert →
240px	15rem	Convert →
250px	15.625rem	Convert →
256px	16rem	Convert →

Common Conversions

px	rem
8	0.5
10	0.625
12	0.75
14	0.875
16	1
18	1.125
20	1.25
24	1.5
32	2
48	3
64	4
96	6

Frequently Asked Questions

What is 320px in rem?▼

320px is 20rem. Divide 320 by 16 (the default root font-size) to get 20.

How do I convert 320px to rem in CSS?▼

Replace 320px with 20rem in your CSS. For example: font-size: 20rem; which equals 320px at the default 16px base.

Why use 20rem instead of 320px?▼

Using 20rem makes your design responsive and accessible. If a user changes their browser font size, 20rem scales proportionally while 320px stays fixed.

What if my base font-size is not 16px?▼

If your root font-size is different (e.g., 14px), divide 320 by that value instead. At 14px base: 320 ÷ 14 = 22.857rem.

Is 20rem the same in all browsers?▼

Yes, 20rem equals 320px in all modern browsers since they all default to a 16px root font-size. The value only changes if the user or your CSS explicitly sets a different root font-size.

Need More Conversions?

Convert any value instantly with our free PX to REM Converter.

Open PX to REM Converter →