无法在手机上获得真正的屏幕宽度值

Question

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

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

当我通过桌面浏览器访问该网站时，它会显示我的窗口的实际宽度。但是，当我通过我的iPhone做它时，它总是说屏幕的宽度是980，两个警报。为什么会这样？我可以使用@media来使我的网站负责，因为(max-width)和(width)对我不起作用

Answer 1

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

这帮助了我。