CSS中自适应大小是一种常见的CSS技术，可以让网站或页面中的元素自适应不同大小的屏幕，而无需手动调整元素的大小的。自适应大小可以通过使用CSS的“@media”查询来实现，其中“@media”查询用于定义在不同的媒体类型(如移动媒体、桌面媒体等)下应该使用哪种CSS样式。

在移动设备上，屏幕较小，因此需要使用较小的字体和较小的元素大小。相反，在桌面屏幕上，屏幕较大，因此需要使用较大的字体和较大的元素大小。在这种情况下，使用自适应大小技术可以使网站或页面更加易于阅读，并适应不同的屏幕大小。

使用CSS的“@media”查询来实现自适应大小的步骤如下：

1. 使用“@media”查询定义媒体类型。例如，可以定义“@media screen and (max-width: 768px) { ...”来定义在宽度大于等于768px的屏幕上使用CSS样式。

2. 在定义CSS样式时，使用“width”和“height”属性来设置元素的大小。例如，可以设置一个元素的宽度为600像素，而高度为200像素，以实现自适应大小。

3. 可以使用“transform”属性来更改元素的形状，以使其适应屏幕大小。例如，可以设置一个元素的宽度为600像素，并将其转换为一个球形，以使其适应屏幕大小。

4. 在定义媒体类型时，可以使用“max-width”属性来限制元素的最大宽度。例如，可以定义“@media screen and (max-width: 768px) { ...”来限制元素的最大宽度为768px。这样可以确保元素不会超出屏幕宽度。

使用CSS的自适应大小技术可以使网站或页面更加易于阅读，并适应不同的屏幕大小。通过定义适当的媒体类型和CSS样式，可以轻松地实现自适应大小，从而增强用户体验。