电话
13363039260
建设好的公司网站PC修改成自适应网站的@media的使用区别
2019-10-07 05:13 admin
建设好的公司网站PC修改成自适应网站的@media的使用区别是什么？这两天接了一客户单子是把早期建设好的ＰＣ网站要修改成自适应的，在电脑上调试，郁闷了好久怎么都不行，设置不起作用，花了一晚上的时间才能现问题，还好解决了。
@media screen and (max-device-width: 800px) 与
@media screen and (max-width: 800px) 与
@media (max-width: 800px)的区别
Tag：
建设
网站
公司
@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在打印设备里是有效的，这就是它们的区别了。
猜你喜欢
联络方式：
13363039260
微信二维码 