使用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

回答