设最小和最大宽度，主要是为了防止页面变形而已
如，如果一个页面的宽度设置为百分比，这时此页面的宽度会根据浏览器的宽度而定
但如果浏览器的宽度过小，页面就会变形，例如，
你做的用百分比设置的页面，而用户端的浏览器窗口宽度被缩小成 100px 宽度（或显示器分辨率过小）
那么如果你页面中没设置最小宽度，那可想而之你这时的页面会崩到啥情度，但如果你加了一个：
min-width:780px; 的最小宽度的话
那么，当浏览器宽度为 100px 时，你的页面依然能完美显示而不会崩掉……
同理，最大宽度 max-width 也是如此
现在大多显示都是宽屏的，如果你不想你的页面铺满全屏或各模块的间隔过大，就可以加个最大宽度进行限制。
以上……
css为什么要定最小宽度和最大宽度，最小宽度和最大宽度有什么用
原文：http://www.cnblogs.com/agansj/p/6508739.html