Jquery mobile Jquery Mobile-密度无关像素

我正在PhoneGap中开发一个android应用程序。我必须根据运行应用程序的屏幕大小调整一些按钮大小。在android中，我们有sp、dpi。jquery mobile中是否有类似类型的按钮。

我只看到了jquery mobile，据我所知，它并没有直接处理可变的显示大小和像素密度

还有其他机制来处理此问题：

• 将视口的

  目标密度dpi

  设置为

  中等dpi

  （=160dpi）。这将虚拟化

  px

  单元，例如html/css中的

  1px

  ，然后对应于320dpi设备上的2个物理像素。简单的解决方案，但请注意，图像也会缩放

  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
  

  媒体功能

  分辨率

  比

  设备像素比

  更干净，但许多浏览器不支持它

• 使用Javascript：根据

  window.devicePixelRatio

  和

  window.screen.width

  和

  window.screen.height

  调整按钮大小、图像等。按照Javascript进行布局被认为是一种不好的做法。当执行在

  pageload

  事件之后开始时，加载期间也可能会出现闪烁

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
       screen and (-o-min-device-pixel-ratio: 15/10)
{
  body { background-image: ... } /* provide high-res image */
}