PX to CQI Converter (Container Query Inline)

Convert Pixels to CQI.

Loading converter...
Share this tool:

What is PX to CQI?

PX to CQI conversion turns pixels into container query inline-size units. CQI is based on the inline direction (usually width in LTR layouts). Compare with PX to CQB for block-size.

How to find PX to CQI?

To find PX to CQI, divide pixels by the container inline size and multiply by 100. It helps build responsive inline layouts.

PX to CQI Formula

cqi=
pxcontainer inline size
× 100
Where:
pxPixels — The pixel size you want to convert.
container inline sizeContainer Inline Size — The width (or inline dimension depending on writing mode) of the query container.
cqiContainer Query Inline Units — The inline dimension size relative to the container inline size (1cqi = 1% of container inline size).

PX to CQI Conversion Table

PX (px)CQI (cqi)
1px0.1cqi
2px0.2cqi
3px0.3cqi
4px0.4cqi
5px0.5cqi
6px0.6cqi
7px0.7cqi
8px0.8cqi
9px0.9cqi
10px1cqi
11px1.1cqi
12px1.2cqi
13px1.3cqi
14px1.4cqi
15px1.5cqi
16px1.6cqi
17px1.7cqi
18px1.8cqi
19px1.9cqi
20px2cqi
22px2.2cqi
24px2.4cqi
26px2.6cqi
28px2.8cqi
30px3cqi
32px3.2cqi
36px3.6cqi
40px4cqi
44px4.4cqi
48px4.8cqi
52px5.2cqi
56px5.6cqi
60px6cqi
64px6.4cqi
72px7.2cqi
80px8cqi
88px8.8cqi
96px9.6cqi
100px10cqi
112px11.2cqi
120px12cqi
128px12.8cqi
136px13.6cqi
144px14.4cqi
160px16cqi
192px19.2cqi
200px20cqi
240px24cqi
256px25.6cqi
288px28.8cqi
300px30cqi
320px32cqi
360px36cqi
384px38.4cqi
400px40cqi
480px48cqi
512px51.2cqi
576px57.6cqi
600px60cqi
640px64cqi
720px72cqi
768px76.8cqi
800px80cqi
960px96cqi
1024px102.4cqi
1080px108cqi
1200px120cqi
1280px128cqi
1366px136.6cqi
1440px144cqi
1536px153.6cqi
1920px192cqi