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. 依次进行高度的设计。