css 根据手机屏幕适应页面高度

1、根据正常的web网页设计实现页面

2、@media screen and (max-width: 375px){} 需要根据页面调整不同高度的class或ID在该样式里面进行调整。

eg：

@media screen and (max-width: 375px){
body{
height: 400px;
}

.list{
height: 360px;
}

.find{
height: 360px;
}

.friend{
height: 360px;
}
}    

3、css样式设计的高度“max-width”需要从高到低，即：960px,768px,550px,375px,320px. 依次进行高度的设计。