为什么移动 phone 上的视口与响应式设计模式下的视口不同？
Why is viewport different on mobile phone than in responsive design mode?
我有一个问题，我使用 Google 地图 API 构建的网页在响应式设计模式下查看页面时显示正确的视口（在 FirefoxDeveloperEdition 中相同，Chrome 和 Safari），例如~320x568 iPhone 5 秒。但是，当我在 iPhone 5 上实际查看页面时，我得到的视口为 980x1461，这使得无法在 phone.
上查看页面
我正在使用 window.innerWidth 和同上高度来访问视口并将其打印在网页上（上面数字的来源）。
有什么可能出错的提示吗？
你的页面头部有视口元标记吗？例如
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
</head>
<body>
...
</body>
</html>
有关此元标记的更多信息：https://developers.google.com/speed/docs/insights/ConfigureViewport
祝你好运！
我有一个问题，我使用 Google 地图 API 构建的网页在响应式设计模式下查看页面时显示正确的视口（在 FirefoxDeveloperEdition 中相同，Chrome 和 Safari），例如~320x568 iPhone 5 秒。但是，当我在 iPhone 5 上实际查看页面时，我得到的视口为 980x1461，这使得无法在 phone.
上查看页面我正在使用 window.innerWidth 和同上高度来访问视口并将其打印在网页上（上面数字的来源）。
有什么可能出错的提示吗？
你的页面头部有视口元标记吗？例如
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
</head>
<body>
...
</body>
</html>
有关此元标记的更多信息：https://developers.google.com/speed/docs/insights/ConfigureViewport
祝你好运！