面试了许多求职者，很多求职者只知其然，而不知所以然，写此文章为广大前端小伙伴指引迷津。纯干货！纯干货！纯干货！
目录
移动端
移动端使用的单位？
em：定义字体大小时以父级的字体大小为基准；定义长度单位时以当前字体大小为基准。rem：以根元素的字体大小为基准。%：以父级的宽度为基准。vw/vh：基于视口的宽度和高度。
移动端布局总结？
flex弹性布局,viewport固定,以px为主,那个宽度需要调整使用响应式布局调整
rem + viewport 缩放, 需要适配的元素都使用 rem 为单位，不需要适配的元素还是使用 px 为单位
1px产生的原因？
答：750px 的设计稿上是 UI 设计师期待的 1px 物理像素，它对应实际 375px 稿子上的 0.5px 设备独立像素。
1px产生的原因？
方法一：利用 ::after + transform
div::after {
display: block;
content: '';
border: 1px solid #ccc;
transform: scaleY(0.5);
}
方法二：利用 box-shadow
div: {
box-shadow: 0 0.5px 0 0 #fff;
}
