css3的max-width和max-device-width的区别

最近帮人 弄的godaddy的自定义建站达人页面，简单的单页面。只是加上两个网站的超链接上去。用pc的手机调试器调试的时候  遇到这个css3两个媒体功能  max-width和max-device-width  弄混淆导致要得效果总不出现

max-width指展示的最大宽度，一般是浏览器窗口宽度。
max-device-width是指所展示使用的设备支持宽度，如一般电脑分辨率1280px，手机设备支持展示宽度（安卓有种宽度如360 ，480）等.

附录: media查询

http://www.runoob.com/cssref/css3-pr-mediaquery.html