PX to CQW Converter (Container Query Width)

Convert Pixels to CQW.

Loading converter...
Share this tool:

What is PX to CQW?

PX to CQW conversion helps convert pixels into container query width units. CQW is based on the width of a container instead of the viewport, making layouts more flexible. You can convert back using CQW to PX or check viewport-based PX to VW.

How to find PX to CQW?

To find PX to CQW, divide the pixel value by the container width and multiply by 100. This helps create responsive container-based layouts.

PX to CQW Formula

cqw=
pxcontainer width
× 100
Where:
pxPixels — The pixel size you want to convert.
container widthContainer Width — The width of the nearest parent query container.
cqwContainer Query Width Units — The resulting width relative to the container width (1cqw = 1% of container width).

PX to CQW Conversion Table

PX (px)CQW (cqw)
1px0.1cqw
2px0.2cqw
3px0.3cqw
4px0.4cqw
5px0.5cqw
6px0.6cqw
7px0.7cqw
8px0.8cqw
9px0.9cqw
10px1cqw
11px1.1cqw
12px1.2cqw
13px1.3cqw
14px1.4cqw
15px1.5cqw
16px1.6cqw
17px1.7cqw
18px1.8cqw
19px1.9cqw
20px2cqw
22px2.2cqw
24px2.4cqw
26px2.6cqw
28px2.8cqw
30px3cqw
32px3.2cqw
36px3.6cqw
40px4cqw
44px4.4cqw
48px4.8cqw
52px5.2cqw
56px5.6cqw
60px6cqw
64px6.4cqw
72px7.2cqw
80px8cqw
88px8.8cqw
96px9.6cqw
100px10cqw
112px11.2cqw
120px12cqw
128px12.8cqw
136px13.6cqw
144px14.4cqw
160px16cqw
192px19.2cqw
200px20cqw
240px24cqw
256px25.6cqw
288px28.8cqw
300px30cqw
320px32cqw
360px36cqw
384px38.4cqw
400px40cqw
480px48cqw
512px51.2cqw
576px57.6cqw
600px60cqw
640px64cqw
720px72cqw
768px76.8cqw
800px80cqw
960px96cqw
1024px102.4cqw
1080px108cqw
1200px120cqw
1280px128cqw
1366px136.6cqw
1440px144cqw
1536px153.6cqw
1920px192cqw