如何让这个jBox图库响应？

Question

我有这个page（这仍然是一项正在进行的工作），其中包含一些图像缩略图，点击时会弹出更大的版本;我正在使用jBox来完成此任务。我试图让这个更大的图像以响应的方式表现。但是无法正常工作！

我通过检查员进行了检查，看来这是容器#jBoxID2;而且我想我只需要低于下面的断点，因为我真的只关心手机，平板手机和平板电脑！

@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;

 }

Answer 1

你确定这是正确的选择器吗？当我在源代码中查找id jBoxID2时，我找不到这样的id。你应该仔细检查一下。 ： - ）