Phonegap css背景圖像dpi

Question

我正在爲ios構建一個phonegap應用程序，我遇到了一些css圖像背景問題。比如說，我有一個跨越視口100％的div。我想使用真實的分辨率圖像進行像素完美。

<div class="main"></div> 
<style> 
.main { 
width: 100% 
height: 100%; 
background: transparent url('640×1136.jpg') 
} 
</style> 

所以基本上我想顯示一個640×1136圖像作爲背景。但視口總是320px寬，使背景圖像拉伸。

我可以以某種方式使web視圖使用真正的像素，而不是？

Answer 1

您可以使用背景大小屬性：

background-size: contain 

或：

background-size: cover 

您在"Background-size"

有更多的信息

Answer 2

我在開發PhoneGap應用程序時感受到類似的問題。 嘗試下面的解決方案。

將以下元標記添加到HTML。

<meta name=\"viewport\" content=\"target-densitydpi=device-dpi\" /> 

希望這會對你有所幫助。