我正在尝试使用这个粘性页脚：
http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
body{
display: flex;
min-height: 100vh;
flex-direction: column;
}
.content{
flex: 1;
}
但它弄乱了<宽度为768像素. 任何简单的CSS修复,以使其适用于所有分辨率？ http://jsfiddle.net/2xvv5mod/
解决方法
您需要为flexBox项目提供100％的宽度.
在这种情况下,那将是.content元素：
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.content {
flex: 1;
}
@media only screen and (max-width: 768px) {
.content {
width: 100%;
}
}
