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

Question

使用PhoneGap将图像放入iPhone应用程序时出现问题。 根据{{​​3}}网站，任何iPhone屏幕的宽度都是320pts。

在我的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不会改变任何内容。

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

Answer 1

由于假设有一个典型的桌面大小的浏览器窗口设计了这么多网站，因此Mobile Safari将页面的默认宽度设置为980像素。要覆盖此默认设置，使其仅以屏幕宽度呈现网站，请使用以下<meta>元素：

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