javascript - 我怎样才能使这个 jBox 画廊响应？

Question

我有这个page (这仍在进行中)其中包含一些图像的缩略图，单击这些缩略图会弹出更大的版本；我正在使用 jBox来完成这个。我正在尝试让更大的图像以响应方式运行。但是什么也做不了!

我通过检查器检查过，这似乎是容器#jBoxID2；而且我想我只需要低于下面的断点，因为我真的只关心手机、平板手机和平板电脑!

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

谢谢!

更新 为了清晰起见，添加了容器图像!

3 月 2 日更新

我相信我可能很接近，但无法将内部图像放置在容器内!我还没有在 repo 中上传代码，所以如果你检查它，它还不会更新。我稍后上传!

#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。你应该仔细检查一下。 :-)