媒体使用开发工具查询移动/桌面的不同可视化

Posted 2023-03-06

【中文标题】媒体使用开发工具查询移动/桌面的不同可视化

【英文标题】：Media queries different visualization for mobile/desktop in with dev tools

【发布时间】：2021-08-05 14:59:34

【问题描述】：

我在使用开发工具进行媒体查询时遇到问题。为什么如果我选择移动我的网站（宽度 1440 像素）正确显示，而我选择桌面网站显示不同？桌面设备是否有特定的媒体查询？只有当我在开发工具上选择移动设备时，我的结果才有效。如果我选择桌面设备，它似乎使用相同版本的平板电脑查询。

这些是我的疑问： @media only screen and (min-width: 768px) and (max-width: 1023px) -for tablet- @media only screen and (min-width: 1024px) -for desktop-

谢谢

【参考方案1】：

我解决了这是一个“Live Server”扩展问题。也许从上次 vs 代码更新开始。