vw就是视口的宽度，vw 是个相对单位。

不管在什么屏幕下， 我们把屏幕分为平均的 100等份。

1vw = 1 / 100 屏幕的宽度
vw 和 1%
width: 1vw;

width: 1%;
vw 和 1% 有没有区别：

1. vw 永远是以视口的宽度为准。· 在 375设计稿下， 1vw 永远是 3.75px
2. 百分比以父盒子为准。 假如父盒子是 200px，则 1% 是 2px

px 如何转为vw
我们设计稿是 iphone 678 是375px， vw 把屏幕划分了100等份， 则 1vw = 3.75 px

display: flex; 因为 加了弹性容器 ，里面所有的弹性盒子都会沿着主轴一行显示，不会换行。想要换行里面盒子换行flex-wrap:wrap;
文字不允许换行 white-space: nowrap;