移动端书写框架 以及面试提问

移动端  

注意：移动端最重要的是主体的搭建，主体搭建完了剩下的就和pc端一样的书写。

移动端没有版心

style

*{margin：0；padding：0；box-sizing：border-box；}

html{font-size：26.67vw；}

html，body{height：100%}

body{

display:flex

flex-direction：column；

}

@media all and （min-width：320px） and （max-sidth：375px）{

       body{

                font-size：16px

           }

}

@media all and （min-width：375px） and （max-sidth：414px）{

       body{

                font-size：18px

           }

}

header,footer{

      高度的 确切数值

      宽度可以不写

     背景色

}

main{

flex：1；

overflow:auto;

背景色

}

这是利用vw的可变性来搭建移动端主体建构的一种，1vw等于视口宽度的百分之一 目前我知道的还有两种方法    

给各位家人提几个问题可以评论回复我：

自适应两栏布局有几种方法？
继承的属性有哪些？
边框四种常用线分别有哪些？
怎样让span设置宽高？
怎样让盒子水平垂直居中？弹性盒子里如何水平垂直居中？
怎样让图片和input水平垂直居中？

解决高度塌陷的三个办法？各个的优缺点？实现原理？