javascript - 打开具有特定长宽比的fancyBox

有谁知道我如何以一定的宽高比(例如16:9)打开可调整大小的fancyBox？

最佳答案

也有一个纯CSS解决方案。即使您调整大小也可以使用。

.fancybox-type-iframe .fancybox-inner{
    padding-top: 56.2%; /* (9/16 * 100%) -- your aspect ratio in percents */
    height: 0 !important;
}

.fancybox-type-iframe .fancybox-inner .fancybox-iframe{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

我假设您需要使用fancybox播放的视频。因此，与iframe相关的CSS。

P.S.我知道这个线程很旧。但是也许有人仍然需要解决方案。

关于javascript - 打开具有特定长宽比的fancyBox，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9553194/