css - 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 宽，使得背景图像被拉伸。

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

score 0 · Accepted Answer

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

将以下元标记添加到 HTML。

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

希望这会帮助你。

score 0 · Accepted Answer

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

background-size: contain

或者：

background-size: cover

2 回答 2