Question

如何将我的桌面上的视口（在开发我的应用程序时）设置为iPhone屏幕尺寸，而无需触及CSS？

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

Answer 1

视口的旧式定义（缩放前和viewport元标记在iPhone上变得普遍）只是html元素的大小。所以您可以按如下方式设置样式：

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

或者，使用浏览器扩展程序（例如Firefox的“Web Developer Toolbar”将浏览器窗口大小调整为您希望视口具有的大小。

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只会在浏览器中受到影响

桌面上的iPhone视口

2 个答案: