jquery - 高分辨率的jquery移动平板电脑

Question

我有一个使用 jQuery Mobile 1.3（真棒的东西）创建的程序，但我昨天在购买分辨率为 1366x768 的 Windows 8 平板电脑后遇到了问题。现在一切都那么渺小。

我尝试过的事情

- 设置视口宽度 800px。（工作正常...纵向但不是横向）
- 将字体大小更改为 22pt（看起来很难看）
- 我什至尝试降低平板电脑的分辨率，但仅在设置中提供更高的分辨率。

Answer 1

如果将视口宽度设置为 800px 适用于纵向（如您所说），那么也许您可以使用 CSS 媒体查询将视口宽度设置为更好的横向。

@media screen and (orientation:portrait) {
    /*css goes here*/
}
@media screen and (orientation:landscape) {
    /*css goes here*/
}