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\" /> 

希望这会对你有所帮助。