网页底色在手机上显示不完整的解决办法

PC端显示的效果：

用Chrome开发工具的手机端模式观看，可以看到网页右边出现了许多空白：

解决办法是，在样式中给body添加一个最小宽度，该网页为1200px：

body {
  min-width: 1200px;
}

添加样式后的显示效果为：

转载于:https://my.oschina.net/ximidao/blog/408051