IBM Worklight - 如何在混合应用程序中显示视网膜大小的图像

Question

我正在为iPhone 4S环境的IBM Worklight项目使用双倍大小的图像，但是当在Xcode中运行应用程序时，我看到根据Xcode Simulator中的iPhone 4S视网膜显示器没有调整大小的图像，它们实际上正在显示用滚动来增加双倍大小的图像。

有人可以建议如何继续这个吗？

我在图像文件名中没有使用任何@ 2x。这是我的CSS：

#loginPage{
    width:225px;
    margin:120px 0 0 106px;
}

.textbox{
    background: url("../images/input_txt_bg.png") no-repeat;
    width:225px;
    height:68px;
    padding: 0 0 12px 20px;
    border:none;
    line-height: 10px;
    color: #5A7890;
}

#loginBtn{
    background: url("../images/login_btn.png") no-repeat;
    width:225px;
    height:71px;
    border:none;
}

IBM DeveloperWorks中的类似问题：
https://www.ibm.com/developerworks/community/forums/html/topic?id=77777777-0000-0000-0000-000014898236

Answer 1

也许这个问题对解决问题很有帮助：Serving high res images to retina display