实现窗口缩小而不压缩页面内容

1.问题描述：web开发经常会遇到的问题就是电脑屏幕大小不一样，可能会导致页面布局会错乱。
如下图：

2.解决方案：参考京东，设置页面最小宽度，当窗口小于这个宽度时则隐藏超出部分当内容，并在页面下面显示滚动条
代码：

#teacherView {
  position:absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  min-width: 1250px;  //划重点
}

效果：