javascript – 打开具有特定宽高比的fancyBox

前端之家收集整理的这篇文章主要介绍了javascript – 打开具有特定宽高比的fancyBox前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有谁知道如何打开具有一定宽高比的可调整大小的fancybox(例如16:9)?

最佳答案
还有一个纯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.

附:我知道这个帖子已经过时了.但也许有人仍然需要一个解决方案.

原文链接:https://www.f2er.com/jquery/428593.html

猜你在找的jQuery相关文章