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图像显示为背景。但视口总是320像素宽，使背景图像拉长。

我可以以某种方式使网页视图使用真实像素吗？

Answer 1

在开发PhoneGap应用程序时，我遇到了类似的问题。 尝试以下解决方案。

将以下元标记添加到HTML中。

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

希望这会对你有所帮助。

Answer 2

您可以使用background-size属性：

background-size: contain

或：

background-size: cover

您在"Background-size"

中有更多信息