Ipad视口肖像问题

Question

我有一个在ipad上出现的网页。我的正文网页宽度为960像素，高度可变。

我为视口添加了这个元数据：

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

我希望看到100％的网页。它在横向上运行良好但我无法找到如何修改我的视口以在横向和纵向中看到我的网页的100％。

目前，我看到网页宽度的60％。

我不想添加JS脚本或媒体查询。我的网页没有响应。

Answer 1

您有一个静态宽度，而iPad在纵向模式下的宽度较小。在不调整静态宽度的情况下解决此问题是不可能的。也许你仍然应该考虑JS或媒体查询。这是一个网站，其中包含有关维度的更多信息：http://www.websitedimensions.com/

Answer 2

我使用此代码达到目标：

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    body {
    width: 768px;
    }
}

显然它是Ipad的特定代码，但它也适用于Nexus 9.0和表面。

如果某人有JS脚本完全相同，我会有兴趣检查它。