PX to CQB Converter (Container Query Block)

Convert Pixels to CQB.

Loading converter...
Share this tool:

What is PX to CQB?

PX to CQB conversion converts pixels into container query block-size units. CQB is based on the block direction (usually height). Compare with PX to CQI for inline-size.

How to find PX to CQB?

To find PX to CQB, divide pixels by the container block size and multiply by 100. It is useful for vertical responsiveness.

PX to CQB Formula

cqb=
pxcontainer block size
× 100
Where:
pxPixels — The pixel size you want to convert.
container block sizeContainer Block Size — The height (or block dimension depending on writing mode) of the query container.
cqbContainer Query Block Units — The block dimension size relative to the container block size (1cqb = 1% of container block size).

PX to CQB Conversion Table

PX (px)CQB (cqb)
1px0.125cqb
2px0.25cqb
3px0.375cqb
4px0.5cqb
5px0.625cqb
6px0.75cqb
7px0.875cqb
8px1cqb
9px1.125cqb
10px1.25cqb
11px1.375cqb
12px1.5cqb
13px1.625cqb
14px1.75cqb
15px1.875cqb
16px2cqb
17px2.125cqb
18px2.25cqb
19px2.375cqb
20px2.5cqb
22px2.75cqb
24px3cqb
26px3.25cqb
28px3.5cqb
30px3.75cqb
32px4cqb
36px4.5cqb
40px5cqb
44px5.5cqb
48px6cqb
52px6.5cqb
56px7cqb
60px7.5cqb
64px8cqb
72px9cqb
80px10cqb
88px11cqb
96px12cqb
100px12.5cqb
112px14cqb
120px15cqb
128px16cqb
136px17cqb
144px18cqb
160px20cqb
192px24cqb
200px25cqb
240px30cqb
256px32cqb
288px36cqb
300px37.5cqb
320px40cqb
360px45cqb
384px48cqb
400px50cqb
480px60cqb
512px64cqb
576px72cqb
600px75cqb
640px80cqb
720px90cqb
768px96cqb
800px100cqb
960px120cqb
1024px128cqb
1080px135cqb
1200px150cqb
1280px160cqb
1366px170.75cqb
1440px180cqb
1536px192cqb
1920px240cqb