Wednesday, February 4, 2015

Quick PX to EM conversion table for responsive web layouts

This is simple table to remember or to do automatic replace when you'll go from old non-responsive design to responsive one.

Just one tip: when you'll replace automatically start from the biggest number ;-)

pxem
1 px 0.0625
2 px 0.125
3 px 0.1875
4 px 0.25
5 px 0.3125
6 px 0.375
7 px 0.4375
8 px 0.5
9 px 0.5625
10 px 0.625
11 px 0.6875
12 px 0.75
13 px 0.8125
14 px 0.875
15 px 0.9375
16 px 1.0
17 px 1.0625
18 px 1.125
19 px 1.1875
20 px 1.25
21 px 1.3125
22 px 1.375
23 px 1.4375
24 px 1.5
25 px 1.5625
26 px 1.625
27 px 1.6875
28 px 1.75
29 px 1.8125
30 px 1.875
31 px 1.9375
32 px 2.0
33 px 2.0625
34 px 2.125
35 px 2.1875
36 px 2.25
37 px 2.3125
38 px 2.375
39 px 2.4375
40 px 2.5
50 px 3.125
80 px 5.0
100 px 6.25
120 px 7.5
640 px 40.0
920 px 57.5
960 px 60.0