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

媒体查询如果需要适应的情况比较多 就得写多个条件的代码 代码太多太繁琐 rem只用判断是几倍图 就可以做出调整

虽然使用meta标签中的viewport可以帮助网页在移动设备上进行自适应布局，但是使用rem作为网页中的长度单位可以更好地控制页面元素的相对大小。

相对于其他单位，如像素（px），使用rem可以更好地适应不同的屏幕尺寸和分辨率，从而实现真正的自适应布局。这是因为rem是相对于根元素（即html元素）的字体大小来计算的，而根元素的字体大小可以通过JavaScript或CSS中的媒体查询来动态地调整，以适应不同的屏幕尺寸和分辨率。

例如，如果在根元素上设置一个字体大小为16px，那么一个元素上的1rem将等于16px。如果用户的设备屏幕较小，则可以使用CSS媒体查询将根元素的字体大小设置为更小的值，从而使整个页面的元素相对于屏幕尺寸进行缩放，而无需手动更改每个元素的大小。

因此，虽然使用meta标签中的viewport可以帮助网页进行自适应布局，但使用rem作为长度单位可以更好地控制页面元素的相对大小，从而实现更灵活的自适应布局。