html+css 微信界面（续二之css）

直接整代码，没有废话！！

css–index

.top .topl{
   
	font-size: 0.8vmin;
	margin-left: 0;
	/* margin-top: 1vh; */
}
.topr{
   
	margin-right: 0vw;
	width: 8vw;
	height: 3vh;
	/* border: 1px solid black; */
	font-size: 0.8vmin;
	margin-top: 0.5vh;
	display: flex;
	justify-content: flex-end;
}
.topr p{
   
	font-size: 0.8vmin;
	
	
}
/* head */
.head{
   
	display: flex;
	justify-content: space-around;
}
.head .headl{
   
	margin-left: 0;
	margin-top: 1.5vh;
	font-size: 2vmin;
}
.head .headr{
   
	margin-right: 1vw;
	margin-top:1.5vh ;
	display: flex;
	justify-content: space-around;
}
.head .headr>p{
   
	margin-left: 1vw;
	font-size: 2vmin;
}
/* 主体 */
.chat{
   
	height: 7vh;
	/* border: 1px solid red; */
	/* overflow: scroll; */
	display: flex;
	justify-content: flex-start;
}
.chatphoto{
   
	width: 4vw;
	height: 7vh;
	font-size: 1vmin;
	/* border: 1px solid black; */