制作响应式jquery slimbox2

时间:2015-06-04 20:08:16

标签: javascript jquery css user-interface

我有一个带有此脚本的网站(http://www.digitalia.be/software/slimbox2/),这没有响应,所以我决定做出响应,我已经使用了这段代码

#lbCenter { height: auto!important;
  width: 80%!important;
  margin-left: -41%!important;
  left: 50%!important;
}

#lbBottomContainer {left: 50%!important;
  width: 80%!important;
  margin-left: -41%!important;
}

#lbImage {
  background-size: 100% 100%!important;
  width: 100%!important;
}

此后盒子响应,但仅限于宽度,而不是高度, 如果使用高度:auto;在#lbCenter上,照片消失了。

如何修复?

您可以在官方网站的链接上查看演示。

1 个答案:

答案 0 :(得分:0)

你尝试身高:100%?也许您可以向我们发送您正在使用此插件的网站的链接?