PX 到 REM 转换器
Remify:您的像素到 Rem 转换工具
利用这个免费的在线转换工具,轻松将任何像素值转换为其在rem CSS单位中的等效值。在CSS中,rem代表根em,这是相对于根HTML元素的字体大小的单位。 Rem广受欢迎,因为它比像素更具可扩展性,可以确保UI设计中的一致字体大小和间距。在rem领域,1rem对应于根HTML元素的字体大小。默认情况下,大多数浏览器将此字体大小设置为16px。因此,具有1rem值的元素等于16px。但是,如果您选择更改HTML元素的根字体大小,则可以简单地将所需值输入到此转换器中,以便将像素精确转换为rem,反之亦然。
如何将像素转换为REM
要将像素转换为rem,可以使用公式rem = px / root-font-size(HTML根元素的字体大小)。例如,如果HTML根元素的字体大小默认为16px,并且您想要将48px转换为rem,则48px等于3rem,因为48 / 16 = 3。
PX vs REM
在CSS中,px和rem之间的差异在于它们的性质。px代表绝对长度的可缩放单位,精确定义为1/96英寸。相反,rem代表相对于根HTML元素字体大小的单位。使用px的缺点是可能在浏览器中创建辅助功能障碍,例如不正确的字体大小缩放。因此,由于其可扩展性,rem被认为是理想的选择。
REM vs EM
在CSS中,rem和em之间的区别至关重要。rem相对于根HTML元素的字体大小进行测量,而em相对于父HTML元素的字体大小进行测量。尽管rem和em都提供可伸缩性,但特定父HTML元素的字体大小的更改会影响使用em单位的子元素,而这些子元素位于该容器内,与使用rem单位的子元素不同。因此,与em相比,由于其简单性,一致性和可预测性,rem在大多数情况下更受欢迎。
PX 到 REM 转换表
Pixels | REM |
---|---|
1 px | 0.0625 rem |
2 px | 0.125 rem |
3 px | 0.1875 rem |
4 px | 0.25 rem |
5 px | 0.3125 rem |
6 px | 0.375 rem |
7 px | 0.4375 rem |
8 px | 0.5 rem |
9 px | 0.5625 rem |
10 px | 0.625 rem |
11 px | 0.6875 rem |
12 px | 0.75 rem |
13 px | 0.8125 rem |
14 px | 0.875 rem |
15 px | 0.9375 rem |
16 px | 1 rem |
17 px | 1.0625 rem |
18 px | 1.125 rem |
19 px | 1.1875 rem |
20 px | 1.25 rem |
21 px | 1.3125 rem |
22 px | 1.375 rem |
23 px | 1.4375 rem |
24 px | 1.5 rem |
25 px | 1.5625 rem |
26 px | 1.625 rem |
27 px | 1.6875 rem |
28 px | 1.75 rem |
29 px | 1.8125 rem |
30 px | 1.875 rem |
31 px | 1.9375 rem |
32 px | 2 rem |
33 px | 2.0625 rem |
34 px | 2.125 rem |
35 px | 2.1875 rem |
36 px | 2.25 rem |
37 px | 2.3125 rem |
38 px | 2.375 rem |
39 px | 2.4375 rem |
40 px | 2.5 rem |
41 px | 2.5625 rem |
42 px | 2.625 rem |
43 px | 2.6875 rem |
44 px | 2.75 rem |
45 px | 2.8125 rem |
46 px | 2.875 rem |
47 px | 2.9375 rem |
48 px | 3 rem |
49 px | 3.0625 rem |
50 px | 3.125 rem |
51 px | 3.1875 rem |
52 px | 3.25 rem |
53 px | 3.3125 rem |
54 px | 3.375 rem |
55 px | 3.4375 rem |
56 px | 3.5 rem |
57 px | 3.5625 rem |
58 px | 3.625 rem |
59 px | 3.6875 rem |
60 px | 3.75 rem |
61 px | 3.8125 rem |
62 px | 3.875 rem |
63 px | 3.9375 rem |
64 px | 4 rem |
65 px | 4.0625 rem |
66 px | 4.125 rem |
67 px | 4.1875 rem |
68 px | 4.25 rem |
69 px | 4.3125 rem |
70 px | 4.375 rem |
71 px | 4.4375 rem |
72 px | 4.5 rem |
73 px | 4.5625 rem |
74 px | 4.625 rem |
75 px | 4.6875 rem |
76 px | 4.75 rem |
77 px | 4.8125 rem |
78 px | 4.875 rem |
79 px | 4.9375 rem |
80 px | 5 rem |
81 px | 5.0625 rem |
82 px | 5.125 rem |
83 px | 5.1875 rem |
84 px | 5.25 rem |
85 px | 5.3125 rem |
86 px | 5.375 rem |
87 px | 5.4375 rem |
88 px | 5.5 rem |
89 px | 5.5625 rem |
90 px | 5.625 rem |
91 px | 5.6875 rem |
92 px | 5.75 rem |
93 px | 5.8125 rem |
94 px | 5.875 rem |
95 px | 5.9375 rem |
96 px | 6 rem |
97 px | 6.0625 rem |
98 px | 6.125 rem |
99 px | 6.1875 rem |
100 px | 6.25 rem |
101 px | 6.3125 rem |
102 px | 6.375 rem |
103 px | 6.4375 rem |
104 px | 6.5 rem |
105 px | 6.5625 rem |
106 px | 6.625 rem |
107 px | 6.6875 rem |
108 px | 6.75 rem |
109 px | 6.8125 rem |
110 px | 6.875 rem |
111 px | 6.9375 rem |
112 px | 7 rem |
113 px | 7.0625 rem |
114 px | 7.125 rem |
115 px | 7.1875 rem |
116 px | 7.25 rem |
117 px | 7.3125 rem |
118 px | 7.375 rem |
119 px | 7.4375 rem |
120 px | 7.5 rem |
121 px | 7.5625 rem |
122 px | 7.625 rem |
123 px | 7.6875 rem |
124 px | 7.75 rem |
125 px | 7.8125 rem |
126 px | 7.875 rem |
127 px | 7.9375 rem |
128 px | 8 rem |
129 px | 8.0625 rem |
130 px | 8.125 rem |
131 px | 8.1875 rem |
132 px | 8.25 rem |
133 px | 8.3125 rem |
134 px | 8.375 rem |
135 px | 8.4375 rem |
136 px | 8.5 rem |
137 px | 8.5625 rem |
138 px | 8.625 rem |
139 px | 8.6875 rem |
140 px | 8.75 rem |
141 px | 8.8125 rem |
142 px | 8.875 rem |
143 px | 8.9375 rem |
144 px | 9 rem |
145 px | 9.0625 rem |
146 px | 9.125 rem |
147 px | 9.1875 rem |
148 px | 9.25 rem |
149 px | 9.3125 rem |
150 px | 9.375 rem |
151 px | 9.4375 rem |
152 px | 9.5 rem |
153 px | 9.5625 rem |
154 px | 9.625 rem |
155 px | 9.6875 rem |
156 px | 9.75 rem |
157 px | 9.8125 rem |
158 px | 9.875 rem |
159 px | 9.9375 rem |
160 px | 10 rem |
REM | Pixels |
---|---|
0.0625 rem | 1 px |
0.125 rem | 2 px |
0.1875 rem | 3 px |
0.25 rem | 4 px |
0.3125 rem | 5 px |
0.375 rem | 6 px |
0.4375 rem | 7 px |
0.5 rem | 8 px |
0.5625 rem | 9 px |
0.625 rem | 10 px |
0.6875 rem | 11 px |
0.75 rem | 12 px |
0.8125 rem | 13 px |
0.875 rem | 14 px |
0.9375 rem | 15 px |
1 rem | 16 px |
1.0625 rem | 17 px |
1.125 rem | 18 px |
1.1875 rem | 19 px |
1.25 rem | 20 px |
1.3125 rem | 21 px |
1.375 rem | 22 px |
1.4375 rem | 23 px |
1.5 rem | 24 px |
1.5625 rem | 25 px |
1.625 rem | 26 px |
1.6875 rem | 27 px |
1.75 rem | 28 px |
1.8125 rem | 29 px |
1.875 rem | 30 px |
1.9375 rem | 31 px |
2 rem | 32 px |
2.0625 rem | 33 px |
2.125 rem | 34 px |
2.1875 rem | 35 px |
2.25 rem | 36 px |
2.3125 rem | 37 px |
2.375 rem | 38 px |
2.4375 rem | 39 px |
2.5 rem | 40 px |
2.5625 rem | 41 px |
2.625 rem | 42 px |
2.6875 rem | 43 px |
2.75 rem | 44 px |
2.8125 rem | 45 px |
2.875 rem | 46 px |
2.9375 rem | 47 px |
3 rem | 48 px |
3.0625 rem | 49 px |
3.125 rem | 50 px |
3.1875 rem | 51 px |
3.25 rem | 52 px |
3.3125 rem | 53 px |
3.375 rem | 54 px |
3.4375 rem | 55 px |
3.5 rem | 56 px |
3.5625 rem | 57 px |
3.625 rem | 58 px |
3.6875 rem | 59 px |
3.75 rem | 60 px |
3.8125 rem | 61 px |
3.875 rem | 62 px |
3.9375 rem | 63 px |
4 rem | 64 px |
4.0625 rem | 65 px |
4.125 rem | 66 px |
4.1875 rem | 67 px |
4.25 rem | 68 px |
4.3125 rem | 69 px |
4.375 rem | 70 px |
4.4375 rem | 71 px |
4.5 rem | 72 px |
4.5625 rem | 73 px |
4.625 rem | 74 px |
4.6875 rem | 75 px |
4.75 rem | 76 px |
4.8125 rem | 77 px |
4.875 rem | 78 px |
4.9375 rem | 79 px |
5 rem | 80 px |
5.0625 rem | 81 px |
5.125 rem | 82 px |
5.1875 rem | 83 px |
5.25 rem | 84 px |
5.3125 rem | 85 px |
5.375 rem | 86 px |
5.4375 rem | 87 px |
5.5 rem | 88 px |
5.5625 rem | 89 px |
5.625 rem | 90 px |
5.6875 rem | 91 px |
5.75 rem | 92 px |
5.8125 rem | 93 px |
5.875 rem | 94 px |
5.9375 rem | 95 px |
6 rem | 96 px |
6.0625 rem | 97 px |
6.125 rem | 98 px |
6.1875 rem | 99 px |
6.25 rem | 100 px |
6.3125 rem | 101 px |
6.375 rem | 102 px |
6.4375 rem | 103 px |
6.5 rem | 104 px |
6.5625 rem | 105 px |
6.625 rem | 106 px |
6.6875 rem | 107 px |
6.75 rem | 108 px |
6.8125 rem | 109 px |
6.875 rem | 110 px |
6.9375 rem | 111 px |
7 rem | 112 px |
7.0625 rem | 113 px |
7.125 rem | 114 px |
7.1875 rem | 115 px |
7.25 rem | 116 px |
7.3125 rem | 117 px |
7.375 rem | 118 px |
7.4375 rem | 119 px |
7.5 rem | 120 px |
7.5625 rem | 121 px |
7.625 rem | 122 px |
7.6875 rem | 123 px |
7.75 rem | 124 px |
7.8125 rem | 125 px |
7.875 rem | 126 px |
7.9375 rem | 127 px |
8 rem | 128 px |
8.0625 rem | 129 px |
8.125 rem | 130 px |
8.1875 rem | 131 px |
8.25 rem | 132 px |
8.3125 rem | 133 px |
8.375 rem | 134 px |
8.4375 rem | 135 px |
8.5 rem | 136 px |
8.5625 rem | 137 px |
8.625 rem | 138 px |
8.6875 rem | 139 px |
8.75 rem | 140 px |
8.8125 rem | 141 px |
8.875 rem | 142 px |
8.9375 rem | 143 px |
9 rem | 144 px |
9.0625 rem | 145 px |
9.125 rem | 146 px |
9.1875 rem | 147 px |
9.25 rem | 148 px |
9.3125 rem | 149 px |
9.375 rem | 150 px |
9.4375 rem | 151 px |
9.5 rem | 152 px |
9.5625 rem | 153 px |
9.625 rem | 154 px |
9.6875 rem | 155 px |
9.75 rem | 156 px |
9.8125 rem | 157 px |
9.875 rem | 158 px |
9.9375 rem | 159 px |
10 rem | 160 px |