如何讓這個jBox圖庫響應？

Question

我有這個頁面 （仍然是一個正在進行的工作），其中包含一些圖像縮略圖，點擊時會彈出一個更大的版本; 我正在使用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。 你應該仔細檢查一下。 :-)