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

Question

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

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

谢谢

标签： cssgoogle-chrome-devtoolsmedia-queries

Answer 1

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