样式
/* 背景颜色 */
background-color: #eee;
height: 100vh; 等效于height:100%
弹性布局
display: flex;
排列方向 :垂直
flex-direction: column;
有空格的均匀分布
justify-content: space-around;
每行居中
align-items: center;
rpx
自适应像素,可根据屏幕大小自动调整像素大小。
一般选用iPhone6 作为模拟器,因为iPhone6像素是375px,rpx满像素是750rpx,他俩是1:2的关系。
图形边框样式为圆形
border-radius: 50%;