移动端上下固定方法

移动端上下固定效果

html,body {
   height:100%;
}
body {
	display:flex;
	flex-direction:columu;
}

   

• 滚动条：

overflow-y:scroll;

• 让他不收缩

.header {
	height:100px;
	background-color:#ffo;
	flex-shrink:0;
	}
.footer {
	height:100px;
	background-color:#000;
	flex-shrink:0;