无法在我的 phone 上获得屏幕宽度的实际值

Question

我在我的网站上使用 @media screen and (max-width: 600)。但是我的 iPhone 没有反应。他像我的桌面浏览器一样显示完整的网站。我添加了这段代码：

alert(document.documentElement.clientWidth);
alert(window.innerWidth);

当我通过桌面浏览器访问网站时，它显示了我 window 的实际宽度。但是当我通过 iPhone 执行此操作时，它总是说屏幕的宽度为 980，这两个警报。为什么会这样？我可以使用 @media 中的什么来让我的网站负责，因为 (max-width) 和 (width) 不适合我

Answer 1

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

这对我有帮助。