无法在手机上获取屏幕宽度的实际值

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"/>

这对我有帮助。