移动设备 css 在 chrome inspector 上加载但无法在 phone 上运行

Mobile css loaded on chrome inspector but not working on phone

所以我有一个正在开发的网站,当我在 google chrome 检查器上使用 "phone icon" 时,网站看起来不错,它切换到响应式移动设计,但在我的 phone 上显示的是桌面版。

样式在同一个文件桌面和移动。我试过其他 phones,它加载桌面而不是移动设备。

我什至不知道该怎么做,如何调试,我尝试并清除了 phone 上的缓存,在 css 文件中添加了一个 ?v=,但仍然没有。

你们遇到过这样的问题吗?解决方案是什么?

您是否使用视口元标记?

喜欢这个:

<meta name="viewport" content="width=device-width, initial-scale=1">

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag