我正在为 ios 构建一个 phonegap 应用程序,但我在使用 css 图像背景时遇到了一些问题。举例来说,我有一个跨越 100% 视口(viewport)的 div。我想使用真实分辨率的图像来实现像素完美。
<div class="main"></div>
<style>
.main {
width: 100%
height: 100%;
background: transparent url('640×1136.jpg')
}
</style>
所以基本上我想显示一个 640×1136 图像作为背景。但视口(viewport)始终为 320 像素宽,使背景图像被拉伸(stretch)。
我能以某种方式让 WebView 使用真实像素吗?
最佳答案
你可以使用 background-size 属性:
background-size: contain
或:
background-size: cover
您在"Background-size" 中有更多信息
关于css - Phonegap css 背景图像 dpi,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16675777/