前端面试css部分
垂直居中方式
flex布局 just-content:center,align-itenms:center;
利用定位：绝对和相对定位，left和top各50% 配合margin -自身宽高的一半
calc计算属性
translate:transform(-50%,-50%)
display:table-cell vertical-align:middle
flex:1 由哪几个复合属性组成
flex-grow放大比例 flex-shrink 缩小比例， flex-basic
如何实现一个三角形和实现一个半圆
三角形： width、height都为0 通过设置border的宽度来实现 配合transparent
半圆：高度设置为宽度的一半 border-radius：其中两边设置为0
BFC
块级格式化上下文，让当前的容器成为一个独立的渲染区域，内部元素不会影响外部元素
形成BFC条件：float：不为none
定位：不为static relative
display：inline-block, table-cell flex inline-flex
overflow：不为visible
移动端适配问题
rem方式：给html设置font-size:26.67vw body：font-size:12px ，
原因：以iPhone6 375像素为例 100/375*100
