Jquery ui JQuery移动应用解析

我正在使用JQM和PhoneGap开发一个android应用程序。该应用在低端设备上看起来不错，但在高端平板电脑上字母看起来非常小。在浏览了这么多网站后，我尝试过修改viewport标签。如果有人能给出一个解决方案，这样我就可以专注于功能，而不是布局和解决方案，这将非常有帮助。

使用CSS媒体查询根据设备分辨率配置字体样式

例如：

@media screen and (max-width:600px) and (max-height:963px) {
 .fontClass {
        font-size: 38px;

    }
}
@media screen and (max-width:320px) and (max-height:568px) {
 .fontClass {
        font-size: 28px;

    }
}

---

添加了这个，但没有注意到任何明显的差异。我使用的是索尼Xperia平板电脑（1280 X 800）。还有别的方法吗？我想不出来。但这应该行得通。我已经用过无数次了。但请记住，这些屏幕大小是视口大小。您可以在此处检查每个分区的视口大小。此外，要使其起作用，请避免使用任何内联样式。