Javascript 我如何使这个jBox库响应？

我有这个（这仍然是一个正在进行的工作），其中包含了一些图像的缩略图，点击后会弹出一个更大的版本；我正在使用它来完成这项任务。我正试图让更大的形象以一种回应的方式表现出来。但是什么都没用

我通过检查员检查，发现这是集装箱

#jboxida2

；我想我只需要在下面的断点下使用它，因为我真正关心的是手机、phablet和平板电脑

@media all and (max-width: 560px) {
   #jBoxID2{
     width: 90%;
     position:absolute!important;
   }
}

谢谢

更新 添加了清晰的容器图像！

3月2日更新

我相信我可能很接近，但无法将内部图像放置在容器内！我还没有上传回购协议中的代码，所以如果你检查出来，它还不会被更新。我以后再上传

#jBoxID2{
    position: absolute!important;
    margin: auto!important;
    right: 0!important;
    left: 0!important;
    max-width: 500px!important;
    padding-top: 10px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

 .jBox-image-container{
   margin: 0 auto!important;
   max-width: 480px!important;

 }

---

您确定这是正确的选择器吗？当我在源代码中查找id

jBoxID2

时，我找不到这样的id。您应该仔细检查它。：-）

谢谢你的回复！的确上面是开发工具的屏幕截图，显示了元素的id/类。抱歉，我有点累了，没有注意到在页面加载后插入了缩略图。：）无论如何，我查了一下，虽然你可以改变#jb2的宽度，但有两件事要记住：1。它有一个50%的左边，它将div向右推2。图像本身的宽度固定为500px，因此无论您对jboxid2div做什么更改，它都会更改其背景，但不会更改其图像。因此，您必须修改图像以将其设置为最大宽度500px，或者使用百分比。希望这有帮助。：）谢谢你的见解，我最近更新了我的css，请看上面的更新（但不是实际的网站），我稍后会做的…如果你有时间，我会感谢你的想法干杯嘿，安东尼奥，这正是我的观点图像本身的宽度为500px，因此它缩小了灵活的背景div，但图像仍然固定在500px上。将图像px更改为百分比，您将看到神奇的效果。：）请注意，dynamic中有两个框，背景框不反映图像上的更改，尽管图像是该div的子元素。