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

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

我认为当手机从横向到纵向移动时，不会触发任何事件。不过，您可以编写一个自定义函数来查找当前方向。在window.resize事件上编写以下代码

$(window).resize( function(){
var height = $(window).height();
var width = $(window).width();

if(width>height) {
  // Landscape
  $("#img").attr("src","landscapeurl");
} else {
  // Portrait
  $("#img").attr("src","portraiturl");
}
});

---

jQuery Mobile中内置了支持此功能的代码。根据当前屏幕方向，有两种情况：

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

---

或者，如果您想要一个可以绑定到的javascript事件。

建议使用CSS3媒体查询，因为jQuery移动定向类已被弃用：

对于CSS3媒体查询的演示：

我使用以下CSS3规则：

@媒体（方向：景观）{

}

---

更多信息：

因此，根据以上代码，我们必须为纵向和横向设置不同的图像大小。这就是你要说的吗？如果是，表示如何设置图像大小？因为不同的平台有不同的横向屏幕尺寸。

#home-feature span  {
  display  : inline-block;
}