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

Question

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

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

提前致谢。

这张图片显示了缺少的内容。 http://playground.appstack.io/example.png

Answer 1

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

• http://jquerymobile.com/test/docs/api/mediahelpers.html

运行媒体查询

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

CSS Media Query applies. Simple call $.mobile.media() and pass a media type or query. If the browser supports that type or query, and it currently applies, the function will return true. If not, it'll return false.

//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)");