-1

我尝试了所有方法,但我不知道该怎么做,当我按下“下一张”照片时,弹出窗口的大小会随照片大小而变化。像这样:http ://www.jacklmoore.com/colorbox/example1/弹性过渡示例。我尝试做 maxWidth 和 maxHeight 100% 并将这个新版本的颜色框​​文件上传到服务器......样式有点变化,但主要的是,响应式自动宽度和高度没有。也许我做错了什么,但我几乎完成了我的页面,还剩下一个问题。

我现在相信 Stackoverflow :)

4

1 回答 1

0

首先,确保scalePhotos未设置为false. 其次,maxWidth必须maxHeight设置绝对值(像素),而不是百分比。百分比值是一种获取具有响应尺寸的彩盒窗口的方法。据我了解,当从当前集合加载新图像后,彩盒的窗口不会改变其大小时,您需要“每对”行为。maxWidth因此,您应该对和使用绝对值maxHeight。例如:

$('.colorbox').colorbox({
    scalePhotos: true, //'true' by default BTW
    maxWidth: '600px',
    maxHeight: '600px'
});
于 2013-10-05T13:03:56.820 回答