Javascript 转盘放置img未居中，但屏幕尺寸较小

我用转盘引导制作了一个全屏滑块。 当屏幕尺寸变小时，背景图像将调整大小并居中。 当屏幕变小时，我不想让它居中，但我想让背景图像聚焦在右边

这是背景图像在普通屏幕上的外观，它是全屏滑块：

以下是较小屏幕上的背景图像（仍然是全屏）的外观：

这就是我所做的

@媒体最大宽度：768px{ .carousel内部>.item{ 位置：相对位置； } .carousel-inner>.item>img{ 位置：绝对位置； 排名：0； 右：0； } } C 自闭症 qwe zxcv C 自闭症 qwe zxcv C 自闭症 qwe zxcv

---

好的，我得到了你现在正在寻找的东西，你希望它在窗口调整大小时，在某个断点处与右边的图像一起调整大小。Bootstrap具有相当于float类的功能：向右拉，向左拉

当视口大小小于768px时，我使用jQuery应用这些类，并添加了一些自定义CSS

JS:

CSS:

您可以调整此CSS中的百分比值，以根据自己的喜好自定义每个元素的宽度

---

新的

对不起，这是错误的。我想要它当屏幕调整大小时，我可以把背景位置改到右边，而不是中间。我不想把它向左或向右拉，背景图像仍然是全屏的。当它低于768或更小时，如您的演示图像所示，我希望背景仅向手持手机的人显示图像右侧显示的内容，而笔记本是隐藏的，不知何故我发现了这一点。我做到了。旋转木马内部>.item{background position:100%50%！important；}而且它工作起来很神奇！不过还是要谢谢你的帮助！没问题，范妮很高兴我能帮上忙。

$(window).on('resize', function() {
    if($(window).height() > 768) {
        $('img').addClass('pull-right');
        $('.carousel-caption').addClass('pull-left');
    }else{
        $('img').removeClass('pull-right');
        $('.carousel-caption').removeClass('pull-left');
    }
})

@media (max-width: 768px) {      
  .carousel-inner >.item > img{
      max-width: 40%;
    }
   .carousel-caption{
      max-width: 40%;
   }
}