浏览器窗口大小改变时页面尾部 footer 可以以原来宽度随滚动条显示

今天在做前端页面时碰到一个问题，发现footer底部部分当改变浏览器窗口大小时（变小），底部的内容背景色看到的区域也变小了，滚动条向右拉动，右边留白了一部分，而左边的内容不能显示完整，就像下图这样：

想把它做成人家这样：

于是思考半天想出来解决方案，很简单，给body设置一个最小宽度值属性 min-width 即可：

body{
  min-width: 1080px;
  margin:0;
  padding:0;
}

happy！