建设好的公司网站PC修改成自适应网站的@media的使用区别

　　建设好的公司网站PC修改成自适应网站的@media的使用区别是什么？这两天接了一客户单子是把早期建设好的ＰＣ网站要修改成自适应的，在电脑上调试，郁闷了好久怎么都不行，设置不起作用，花了一晚上的时间才能现问题，还好解决了。

　　@media screen and (max-device-width: 800px)   与

　　@media screen and (max-width: 800px) 与

　　@media (max-width: 800px)的区别

max-device-width 与 max-width 的区别

max-device-width：800px	max-width:800px
根据设备屏幕的宽度进行适配	根据显示区域的宽度进行适配
PC浏览器随意缩放时不会响应	PC浏览器随意缩放时会响应
-	同时兼容max-device-width