为什么我的响应式html/css无法使用手机？

Question

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

编辑:viewport meta tag添加了,但我的一个JavaScript搞砸了.通过js修复它.

编辑:删除了网站的链接,因为我已经解决了这个问题.问题出在我网站的JS上.

Answer 1

将此添加到您网站的负责人:

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

这会将页面宽度设置为遵循设备的屏幕宽度.