关于，px, vw, ch, rem, em,% 我们应用哪个

对于目前的 css 来说，我们的布局单位已经不局限于 px 了，那么我们应该在什么情况下使用哪些单位呢？

1. vw, vh

如果是想要针对页面的宽高布局，那我们就应该使用 vw 和 vh

比如 100vw === 屏幕宽度

10vw === 10% 的 屏幕宽度

一般我们经常用到的地方就是用 100vh 来设置盒子的高度是整个屏幕高

2. ch, rem, em

这几个单位都是针对字体的大小设置的宽度
1ch === 一个数字的大小
1ch === 半个汉字的大小

因为我们的汉字是两个字符大小，所以如果是中文页面，一般用 em
1em === 一个汉字的大小
1em === 两个数字的大小

而rem 和 em 是一样的，不过是针对 html 的 font-size 大小，一般用来做响应式最爽了

3. %

% 一般用来做自适应，当然现在比较流行的还有 flex, grid 都是做自适应的好东西