头部设置meta也可以做到自适应为啥还要用rem？

在前端开发中，头部设置meta标签确实可以实现一定程度的自适应布局，特别是通过viewport元数据的设置，可以告诉浏览器如何渲染页面以适应不同设备的屏幕。然而，rem单位的使用与meta标签的自适应机制并不冲突，而是相辅相成。以下是为什么除了设置meta标签外，还要使用rem单位进行自适应布局的几个原因：

更精细的控制：meta标签主要用来设置视口（viewport）的属性，确保页面能够正确地在不同设备上缩放和显示。然而，对于页面内部元素的尺寸和排版，meta标签提供的控制相对有限。rem单位允许开发者根据根元素（通常是）的字体大小来定义其他元素的大小，从而实现对页面布局的精细控制。
响应式设计的需要：响应式设计要求页面能够根据设备的屏幕尺寸、分辨率和方向等因素进行动态调整。虽然meta标签可以确保页面在整体上适应不同设备，但rem单位的使用能够进一步增强页面的响应性。通过结合媒体查询（media query）和JavaScript，开发者可以根据屏幕尺寸动态调整根元素的字体大小，进而使用rem单位来统一调整页面元素的大小，实现更流畅的响应式效果。
易于维护和管理：使用rem单位可以简化样式的编写和维护工作。由于rem单位是相对于根元素字体大小的，因此只需要在根元素上设置一个基准字体大小，其他元素的大小就可以通过相对单位来定义。这样做的好处是，当需要调整页面整体大小时，只需要修改根元素的字体大小即可，而无需逐个修改每个元素的大小。
更好的兼容性：虽然现代浏览器对viewport元数据的支持已经相当完善，但使用rem单位可以进一步确保页面在不同浏览器和设备上的兼容性。因为rem单位是CSS3规范中的一部分，被广泛支持于各种浏览器和平台上。

综上所述，头部设置meta标签和使用rem单位在前端开发中各自扮演着重要的角色。它们并不是相互替代的关系，而是可以相互结合以实现更优秀的自适应布局效果。