使用PhoneGap创建的iPhone应用程序的分辨率

使用PhoneGap将图像放入我的iPhone应用程序时遇到一些问题。根据this网站的任何iPhone屏幕的宽度是320pts。使用PhoneGap创建的iPhone应用程序的分辨率

在我的CSS，我有以下代码：

#someId { 
    position:absolute; 
    top:0px; 
    left:0; 

    max-width:640px; 
    max-height: auto; 
}

而在我的HTML文件，下面的代码片段：

<img src="image.png" id="someId" alt="">

但是，如果我离开它这样，图像将永远是大于实际屏幕。我正在使用iPhone 6.0模拟器。将max-width的值更改为320pt不会改变任何内容。

有没有人有这方面的经验？

2013-01-11 cherrun

由于如此多的网站都是在设计一个典型的桌面大小浏览器窗口的情况下设计的，因此Mobile Safari会以980像素的默认宽度渲染页面。要覆盖此缺省值，使其只在屏幕的宽度使得网站，请使用以下<meta>元素：

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

2013-01-11 21:30:21 Jim

我想你是误会我的问题。实际上我正在谈论一个使用HTML/CSS/JS的PhoneGap创建的实际应用程序。它根本不打开Safari。尽管如此，我仍然试着将你的代码片段放在我的代码中，但是，正如所料，没有任何改变。 – cherrun

回答