手机上的网络应用程序，页面有不同的尺寸

Question

我的Nexus 4上的移动Chrome浏览器上的网络应用无法理解我的行为。

我们想要打开一个包含在页面view.html中的html广告。广告为250px * 250px。

1 - 如果我在浏览器中直接打开view.html：window.innerWidth = 284和window.innerHeight = 511.广告的尺寸看起来不错。

2 - Index.html是在iframe中打开view.html的页面。如果我打开index.html，window.innerWidth = 980和window.innerHeight = 1305。 iframe会加载view.html，但在这种情况下，iframe看起来太小了。

我不明白为什么这两个页面有不同的尺寸？ 谢谢你的帮助！

Answer 1

正如@jcubic在评论中所说，我所需要的只是添加：

<meta name="viewport" content="width=device-width" />

在index.html的头部

谢谢