为什么我的响应式 html/css 不适用于手机？

Question

我创建了一个测试站点。 我在 css 中使用了媒体查询，但是当我在移动设备上加载页面时，我看不到移动版本，并且当我重新调整浏览器大小时，站点是响应式的。 我在多个地方读过不使用*-device-width 。 那么，我错过了什么？ 可能是什么决议？

Answer 1

将此添加到您网站的头部：

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

这会将您的页面宽度设置为跟随您设备的屏幕宽度。

Answer 2

这是我的错误。 我使用 javascript 来覆盖元标记，它导致了正确响应的问题。 修复了javascript。