前端单位换算 rem 配合蓝湖

前端单位换算 rem 配合蓝湖是指在前端开发过程中，使用 CSS 单位 rem 来实现根据屏幕尺寸自适应的布局，并结合蓝湖设计稿来进行开发。

rem 即 "root em"，是相对于根元素(html)字体大小的单位。通过将页面的根元素字体大小设置为自适应值，可以实现页面元素的自适应布局。

蓝湖是一种设计稿审阅和交付平台，设计师可以在蓝湖上上传设计稿并与开发人员进行协作，便于沟通和交流。

在使用 rem 配合蓝湖进行前端开发时，首先需要确定设计稿的尺寸。一般来说，设计稿会以某个固定尺寸（如 iPhone 6，375px 宽度）为基准进行设计。

然后，将设计稿中的尺寸转换成 rem 值。根据页面的根元素字体大小，将设计稿中的像素值除以根元素字体大小，即可得到相应的 rem 值。

例如，如果设计稿某个元素的宽度为 150px，而页面的根元素字体大小为 16px，那么该元素的宽度可以转换为 9.375rem (150/16)。

通过这样的转换，可以确保页面元素在不同设备上呈现出相对一致的比例和布局。

同时，通过蓝湖平台提供的标注工具，可以直接在设计稿中标注元素的位置、尺寸等信息，方便开发人员查看和调整。

综上所述，前端单位换算 rem 配合蓝湖可以实现根据屏幕尺寸自适应的布局，提高前端开发效率。