iphone - 桌面上的 iPhone 视口

Question

如何在不触及 CSS 的情况下将桌面上的视口（开发应用程序时）设置为 iPhone 屏幕大小？

我正在使用 jQueryMobile 开发我的应用程序。

Answer 1

视口的老式定义（在缩放和viewport元标记在 iPhone 中很常见之前）只是html元素的大小。因此，您可以按如下方式对其进行样式设置：

html {
    position: absolute;
    width: 320px;
    height: 480px;
}

或者，使用浏览器扩展（如 Firefox 的“Web 开发人员工具栏”）将浏览器窗口调整为您希望视口具有的大小。

Answer 2

为什么不检测它是 iPhone 还是浏览器，然后相应地设置样式，例如；

if(navigator.userAgent.match(/(iPad|iPhone|iPod)/i) ? true : false )
{
    //ios detected
}
else
{
    //no ios detected, add css to set the dimensions of the body
}

这样，css只会在浏览器中受到影响