PX 到 REM 转换器

Pixels

px

px

REM

rem

rem

基于默认根字体大小 16 pixels.

px

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 转换表

PixelsREM
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
REMPixels
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