jquery - 根据手机的显示方式更改文本大小

Question

我正在用 JQuery Mobile 开发一个小应用程序。如果移动设备处于描绘模式，我希望标题文本的尺寸更小，如果是横向，则更大。什么是最好的方法？

Answer 1

最好的方法是使用 CSS 媒体选择器:

@media screen and (orientation:portrait) {
    /* Portrait styles */
}

@media screen and (orientation:landscape) {
    /* Landscape styles */
}

所有移动设备都支持媒体选择器，iOS 4.0 之前的版本除外。幸运的是，这些相对较少。