max-with 详解

使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况

IE7以上都可以使用

使用 max-with

当浏览器窗口宽度小于盒子宽度，盒子会缩小，内容会换行

#main {
  max-width: 600px;
  height: 100vh;
  margin: 0 auto; 
  background-color: #ccc;
}

没有使用 max-with

当浏览器窗口宽度小于盒子宽度，盒子不会缩小，内容不会会换行

#main2 {
	width: 600px;
	height: 100vh;
	margin: 0 auto;
	background-color: #ccc;
	}