内容未出现在彩盒和移动响应彩盒中？

Question

我正在使用一个响应式图像滑块，我试图将它放在一个颜色框内，但是首先当颜色框弹出时，它会打开一个空白的小内容框，我希望图像滑块出现在颜色框内。内容在我网站上的颜色框中打开得很好，所以不明白为什么我不能在小提琴中复制它。

其次，随着浏览器窗口的缩小，颜色框似乎无法适应它的大小，这是可以改变的吗？我尝试将 colorbox.js 中的 max-height 和 max-width 设置为 100%，但这没有任何区别。

我昨天大部分时间都在尝试对此进行排序，但到目前为止没有运气，因此您可以提供任何帮助将不胜感激。

HTML：

<a class="colorbox-link fade_hov" href="#port1">Click to open colorbox</a>

<div style="display: none;">
                            <div id="port1">
<div>     
    <div id='ninja-slider'>
        <ul>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/1.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/2.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/3.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/4.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/5.jpg"></div></li>
        </ul>
    </div>
   </div>

CSS 和 JS 在此 Fiddle THIS FIDDLE Here is the fiddle 中外部链接，没有颜色框，正如您所见，它是响应式的。

所以我只需要一种能够单击在弹出窗口中打开滑块的链接的方法，如果有任何其他选项或移动响应灯箱可用，请告诉我。

Answer 1

使用了fancybox而不是colorbox，它似乎完全响应移动设备，因此问题解决了。