Fancybox3 by FancyApps |iframe调整大小

Question

我正在尝试使用facnybox3制作3个iframe，但是我不知道如何用自己定义的大小来制作3个iframe。有什么想法吗？

我的代码：http：//fancyapps.com/fancybox/3/docs/#iframe

html：

<a data-fancybox data-type="iframe" data-src="http://codepen.io/fancyapps/full/jyEGGG/" href="javascript:;">
    Webpage
</a>

CSS：

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

Answer 1

您可以使用data-options属性来设置自定义选项，请参见第二个示例-https：//codepen.io/fancyapps/pen/pen/qokgrw?editors = 1000

<a href="https://blog.codepen.io/" data-fancybox data-options='{ "type" : "iframe", "iframe" : { "preload" : false, "css" : { "width" : "600px" } } }'>
    Custom options
</a>