android - 处理高分辨率图像

标签 android css cordova

我正在使用 phonegap 开发一个简单的 iphone/android 网络应用程序,但我很难为较新的 android 设备提供高分辨率图像。我假设我可以使用我为 iphone 4 创建的那些。它们保存在一个单独的 css 文件中,并由下面的媒体查询控制:

media="only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)"

里面有一堆 css 规则,比如:

.homepage-list li.about { background-image: url(../images/info@2x.png); -webkit-background-size: 35px 35px; }

android 模拟器和真正的 android 设备 (HTC Desire HD) 都不会显示这些图像,但 iphone 4 可以。奇怪的是,如果我修改上述规则并添加一个边框,那么该边框就会显示出来。据我所知,媒体查询正在被理解。

我有点不知所措。谁能帮忙?

提前致谢!

最佳答案

是否可以显示同一文件夹中的其他图像?

尝试重命名图像,不要包含任何“奇怪”的字符,如@

关于android - 处理高分辨率图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5476062/

相关文章:

android - VectorDrawable 以像素显示

css - IE/Edge 未应用转换 : translate to table row

css - 使用 Flex - 将两个子 div 更改为以 100% 宽度相互堆叠

javascript - 音位间隙中的 Jquery

iphone - PhoneGap + iOS 防止默认滚动操作从输入文本字段开始

android - 如何在我的程序中修复 "Error parsing data org.json.JSONException: Value <?xml of type java.lang.String cannot be converted to JSONArray"

java - 评估 XPath 和 XmlResourceParser 会导致异常

Android Camera2 API 质量问题

css - 为什么这是错误的?关于底部的页脚

ios - Phonegap native 选择