2

我已经能够在boostrap中实现colorbox并且它正在工作,但是在让它响应时遇到了问题。我的意思是,如果页面是全尺寸的,图像或幻灯片将在颜色框模式中正确打开,但它不会按比例缩小到缩小浏览器的屏幕尺寸。它以缩小的响应模式打开全尺寸,导致您必须滚动才能查看图像或关闭它。我知道可以使用以下方法缩放轮播:

img {最大宽度:100%;}

此外,当正确使用或调用时,引导模式将作为其功能的一部分自然扩展。

在网上找到了一些不太相似的帖子后,我仍在学习所有这些,并且尝试了很多调整但没有成功。

任何见解将不胜感激。

再次感谢.....

4

2 回答 2

3

这个问题不一定与引导程序有关。

我发现一篇类似的帖子讨论了这个颜色框主题,其中一个答案指向官方颜色框网站并提供了解决方案。

我可以确认这个答案有效。https://stackoverflow.com/a/13105833/728675

于 2012-12-30T17:53:32.620 回答
0

在 colorbox.js 的缩小版本中搜索字符串 "initialWidth:"600",innerWidth:!1,maxWidth:!1," 并将其替换为 initialWidth:"600",innerWidth:!1,maxWidth:"100% ","

在非缩小版本中(如果您正在使用它)将“maxWidth: false”替换为“maxWidth: 100%”

于 2017-05-26T12:59:35.753 回答