Jquery 根据设备方向更改背景位置

有人能告诉我如何实现这一技巧吗？当在肖像上使用智能手机时，您的网页上会出现以下背景：

然后，在横向模式下，图像将具有更宽的外观，如下所示：

---

要彻底了解，有很多方法可以做到这一点。在设置img源代码的某些情况下，JavaScript可能更有用。也就是说，在大多数情况下，您都希望使用CSS。您可以在此处阅读所有CSS选项：

正文{
背景：url(https://placehold.it/500x1000);
背景尺寸：封面；
背景位置：中心；
}
@媒体屏幕和屏幕（方向：横向）{
身体{
背景：url(https://placehold.it/1000x2000);
}
}
@媒体屏幕和屏幕（最小宽度：1200px）{
身体{
背景：url(https://placehold.it/2000x3000);
}
}

---

如果我没有发布任何代码，我很抱歉。。但感谢谢里德里克，我已经实现了我想要的，而不需要使用媒体查询，只需要使用

body {
background: url(../img/intro-bg2.jpeg);
background-repeat:no-repeat;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;
background-position:center top; /*****Just added this*****/
}

我不确定我是否遇到任何问题，如果你们有任何意见/帮助来更好地编写代码，我将不胜感激。谢谢大家!

编辑：结果我不得不使用

@media screen and (orientation: landscape) {
 body {
        background-size:cover;
        background-position:center top;
 }
}

---

要获得我想在横向上工作的内容

欢迎来到Stack Overflow，如果您能提供一个您试图帮助社区回答的代码示例，那将非常有用。我同意您应该发布代码，但是-您的问题实际上很清楚-这是罕见的…先发制人的攻击。很高兴您能够让事情进展顺利。您应该查看Autoprefixer和CSS处理器。它将允许您在编写CSS时不使用所有供应商前缀。保持清晰的缩进也会很有帮助。：）