使用css实现纵向自适应可以提高网页的兼容性，也可以使网页在不同的设备上都能有良好的显示效果。下面是一些实现纵向自适应的css代码：
.container{
display: flex;//设置容器元素为flex布局
flex-direction: column;//设置容器元素按列排列
justify-content: space-between;//元素在容器中垂直方向上平均分布
}
.box{
flex: 1;//元素的伸展比例
height: 100px;//元素的高度
}上述代码中，首先通过设置容器元素的display属性为flex布局，来实现纵向自适应。接着，通过设置flex-direction属性为column，使元素按列排列。最后，通过设置justify-content属性为space-between，使元素在容器中垂直方向上平均分布。
同时，由于容器中的元素高度不一，为了实现纵向自适应，需要为元素设置flex属性。flex属性是一个值为正整数的伸展比例，表示该元素占据空余空间的比例。
总的来说，使用css实现纵向自适应可以提高网页的美观性和兼容性，使网页更加适合不同的设备。开发者可以根据实际需要，选择不同的属性和值，从而实现各种不同的效果。