1

我在 iPhone 4S 环境的 IBM Worklight 项目中使用双倍大小的图像,但是在 Xcode 中运行应用程序时,我看到图像没有根据 Xcode 模拟器中的 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

4

1 回答 1

1

Perhaps this SO question will be beneficial for solving your problem: Serving high res images to retina display

于 2013-06-01T07:44:38.237 回答