REM布局是一种基于根元素字体大小的相对布局方法。它以HTML文档中根元素的字体大小为基础，通过使用REM单位进行尺寸和位置的设定。由于REM单位是相对于根元素字体大小的，它能够实现页面的自适应。

以下是实现REM布局的解决方案：

1.设置根字体大小：在HTML文档的样式表中设置根字体的大小，一般默认为16px。例如：

html {
font-size: 16px;
}

2.使用REM单位：在设计图中的尺寸设定中使用REM单位，例如：

div {
width: 10rem;
height: 5rem;
}

3.计算REM大小：将设计图中的尺寸转化为REM单位大小，计算方法为：REM大小=设计图中的尺寸/根字体大小。例如：

设计图中一个按钮的宽度为100px，根字体大小为16px，该按钮的宽度应设为：100/16=6.25rem。

4.使用媒体查询：根据不同屏幕尺寸设定不同的根字体大小，以达到页面自适应的效果。例如：

@media screen and (max-width: 600px) {
html {
font-size: 12px;
}
}

通过以上四个步骤，可以轻松实现REM布局，并使页面在不同设备上呈现出相同的比例、大小和比率。