在CSS中，要适应屏幕大小，最常用的单位是相对单位，特别是与视窗（viewport）相关的单位，如vw（视窗宽度的百分比）、vh（视窗高度的百分比）、vmin（视窗宽度和高度中较小值的百分比）和vmax（视窗宽度和高度中较大值的百分比）。
这些单位使得元素的大小能够根据屏幕或视窗的大小动态调整，从而实现响应式设计。
具体来说：
-
vw：视窗宽度的1%。例如，如果你希望一个元素的宽度始终占据视窗宽度的50%，你可以设置其宽度为50vw。 -
vh：视窗高度的1%。类似地，如果你希望一个元素的高度始终占据视窗高度的50%，你可以设置其高度为50vh。 -
vmin：视窗宽度和高度中较小值的1%。这个单位对于确保元素在屏幕上的最小可见性很有用。 -
vmax：视窗宽度和高度中较大值的1%。这个单位对于确保元素在屏幕上的最大可见性很有用。
另外，em和rem也是常用的相对单位，它们基于字体大小进行计算。em是相对于其父元素的字体大小，而rem是相对于根元素（通常是<html>元素）的字体大小。这使得你可以通过调整字体大小来动态地改变布局。
然而，需要注意的是，虽然这些相对单位对于响应式设计非常有用，但它们并不是万能的。在某些情况下，你可能还需要使用像素（px）、百分比（%）或其他绝对单位（如cm、mm、in、pt等）来精确控制元素的大小和位置。因此，在选择CSS单位时，你需要根据你的具体需求和设计目标来决定。
