建设好的公司网站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
|
@media screen的css在打印设备里是无效的，而@media在打印设备里是有效的，这就是它们的区别了。
