jquery-ui - 根据jquerymobile中的纵向和横向调整图像大小？

Question

我必须在标题和背景上添加图像。是否可以根据屏幕方向(纵向和横向)设置图像自动调整大小。我将图像设置为纵向分辨率，但是当我将屏幕更改为横向时，图像未调整大小。谁能给我一些指导方针？

Answer 1

jQuery Mobile 内置了对此的支持。有两个Orientation Classes取决于当前的屏幕方向:

.portrait {
    /* portrait orientation changes go here! */
}
.landscape {
    /* landscape orientation changes go here! */
}   

或者如果你想要一个 javascript 事件，你可以绑定(bind)到 orientationchange .