max-width CSS Layout
max-width 定义元素的最大宽度。默认情况下，考虑到最大宽度限制，将宽度设置为尽可能靠近初始的 View。
max-width
#main {
max-width: 600px;
margin: 0 auto;
}
<div id="main">
在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！
顺便提下， 所有的主流浏览器包括 IE7+ 在内都支持 max-width，所以放心大胆的用吧。