如何在浏览器宽度的90％显示fancybox而不是100％？

Question

我使用Fancybox插件在点击时以全屏显示图像。有没有办法只显示90％宽度和90％高度而不是全屏？

我还必须使用哪个类和所有类/ div来设置Fancybox的样式？

Answer 1

以fancybox.net网站为参考，以下是您可以应用以获得90％×90％花式框的样式：

注意：在加载插件的本机CSS文件后应用这些 - 以覆盖默认值。

#fancybox-overlay {
  position: fixed;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90% !important;
}

#fancybox-wrap {
  position: fixed;
}

免责声明：我没有对此进行任何测试。样式/ id可能需要一些调整。

Answer 2

如果你看一下花哨的api，有一些选择：
我不知道这是否有效，但我认为很容易通过js重新计算百分比。

padding     10  Space between FancyBox wrapper and content
margin  20  Space between viewport and FancyBox wrapper

http://fancybox.net/api

但是也可能有css的解决方案;）