在视网膜显示器上使用jquery mobile的数据图标问题

时间:2011-11-07 10:10:29

标签: javascript jquery iphone jquery-mobile

我在使用jquery mobile并在视网膜显示器上测试应用程序时遇到了问题。 我正在使用jquerymobile框架的当前版本候选者并且错过了后退按钮列表视图的图标等(如附图所示)。 使用具有相同iOS版本的iPhone 3GS,它可以正常使用

你们中有谁知道解决这个问题的方法吗?

提前致谢。

此图片显示丢失了什么。 http://playground.appstack.io/example.png

1 个答案:

答案 0 :(得分:0)

您可能需要为Retina显示运行媒体查询。文档:

运行媒体查询

jQuery Mobile provides a function that allows you to test whether a particular
     

CSS Media Query适用。简单地调用$ .mobile.media()和   传递媒体类型或查询。如果浏览器支持该类型或   查询,它当前适用,该函数将返回true。如果   不,它会返回假。

//test for screen media type
$.mobile.media("screen");

//test  a min-width media query
$.mobile.media("screen and (min-width: 480px)");

//test for iOS retina display
$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)");
相关问题