CSS媒体查询是一种非常强大的技术，它帮助我们在不同平台上创建自适应样式。在这篇文章中，我们将介绍如何使用媒体查询在头部中实现自适应。

/*默认样式*/
header {
background-color: #333;
color: #fff;
height: 50px;
padding: 10px;
}
/*当屏幕宽度小于768像素时*/
@media only screen and (max-width: 767px) {
header {
height: 100px;
padding: 20px;
}
}
/*当屏幕宽度在768像素和992像素之间时*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
header {
height: 70px;
padding: 15px;
}
}
/*当屏幕宽度大于992像素时*/
@media only screen and (min-width: 992px) {
header {
height: 50px;
padding: 10px;
}
}

在上面的代码中，我们首先定义了默认的头部样式。接下来，我们使用媒体查询来根据屏幕宽度调整头部的高度和内边距。当屏幕宽度小于768像素时，头部高度增加到100像素并增加20像素的内边距。当宽度在768和992像素之间时，头部高度减少到70像素，并减少15像素的内边距。最后，当屏幕宽度大于992像素时，头部恢复到默认的高度和内边距。

通过使用媒体查询，我们可以让头部在不同的设备上呈现不同的样式，从而达到自适应的效果。