max-width和max-device-width有什么区别呢，max-device-width是设备屏幕输出宽度也就是所说的分辨率，那我的笔记本的分辨率是1920*1080，手机分辨率也是1920*1080，那就用一个样式？？问题是两个屏幕显然不一样啊，用手机和笔记本打开慕课网站样式就不一样呢
1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。
2、max-width是目标显示区域的宽度，例如，浏览器宽度。
3、如果使用max-device-width，那么在PC浏览器上浏览网页时，缩小或放大浏览器时是不执行CSS的，因为“PC设备”没有变化。但如果使用max-width，缩小或放大浏览器时是执行CSS的，因为“显示区域”即浏览器大小发生了变化。
4、如果使用max-device-width，那么当手机由竖变横时，CSS是不执行的，因为“手机宽度”并没有变化。如果使用max-width，那么当手机由竖变横时，CSS是执行的，因为“显示区域”发生了变化。
5、通常，面向“移动设备”用户使用max-device-width；面向“PC设备”用户使用max-width
摘自：http://www.cnblogs.com/futai/p/5015538.html
....