网页响应式布局在移动设备上越来越重要，大家需要一个能根据屏幕尺寸自动调整布局的方法。 rem单位正是解决这个问题的好方法，因为rem单位相对于屏幕尺寸不变，使得大家可以使用相同的css代码适应各种屏幕尺寸。
下面是一个使用rem单位的示例：
html{
font-size: 16px;
}
p{
font-size: 1rem;
}
@media (min-width: 768px){
html{
font-size: 20px;
}
}以上代码中，大家设置了html字体大小为16px，然后将段落字体大小设置为1rem。当屏幕宽度大于等于768px时，大家将html字体大小设置为20px。
这样一来，大家使用的1rem将会根据不同的html字体大小自动调整为相应大小，实现响应式布局。