2017-07-07 80 views
0

我在我的网站上使用@media screen and (max-width: 600)。但我的iPhone没有反应。他像我的桌面浏览器一样显示完整的网站。我加入这个代码片段:在我的手机上无法获得屏幕宽度的实际值

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

当我通过我的桌面浏览器到现场,就说明我的窗口的实际宽度。但是,当我通过iPhone执行操作时,它总是说屏幕宽度是980,都是警报。为什么会发生?的@media我可以用它来使我的网站负责,因为(max-width)(width)不工作对我来说

回答

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

这帮助了我。