javascript - 制作响应式 jquery slimbox2

标签 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;
}

在此之后框是响应式的,但只针对宽度,不针对高度, 如果使用高度:自动;在#lbCenter 上,照片消失了。

如何修复??

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

最佳答案

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

关于javascript - 制作响应式 jquery slimbox2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30653195/

相关文章:

javascript - 如何使页面适合移动设备上的屏幕宽度?

javascript - 交换 iframe src 以更改其中的视频

小数点后两位的 Javascript 正则表达式模式

Javascript - jHtmlArea,设置光标位置

jQuery验证插件刷新IE8

javascript - 如何使用ajax从php返回javascript对象

Javascript:仅在未查看 Qualtrics 页面时单击 'Next'

javascript - 出现背景图像的问题

css - 将一个 CSS 列分成 2 行

javascript - Safari 扩展 : Event for a completely new tab?