使用bootstrap5开发三端响应式用什么单位比较好？

Question

刚刚接触响应式
使用bootstrap5开发三端响应式用什么单位比较好？

Answer 1

在使用Bootstrap 5开发三端响应式时，推荐使用相对单位来设置样式。相对单位相对于浏览器的默认字体大小或父元素的大小来设置大小，可以更好地适应不同的屏幕尺寸和设备像素密度。常用的相对单位有：

em：相对于父元素的字体大小；
rem：相对于根元素的字体大小；
vw：相对于视口宽度的百分比；
vh：相对于视口高度的百分比；
%：相对于父元素的百分比。
其中，rem 是一个比较好的选择，因为它可以保持相对于根元素的大小不变，便于在不同的媒体查询中进行调整。在使用 rem 时，需要在根元素上设置一个基准字体大小，例如：

html {
  font-size: 16px;
}

然后可以使用 rem 单位来设置其他元素的大小，例如：

h1 {
  font-size: 2rem;
}

p {
  font-size: 1rem;
}

这样就可以在不同的屏幕尺寸下保持一致的字体大小。