Fancybox在打开时不适合图像

当我尝试打开图像时，它不适合缩放。我甚至试图用官方网站上提供的例子。它不适用于本地网页，但适用于jsfiddle和类似网站（使用相同的html/css）。Fancybox在打开时不适合图像

下面是代码的一个example以及它如何在本地服务器上工作的一些动画（使用ZF3骨架应用程序）。还有的只是引导4（它的工作原理相同的W/O引导）风格的图像栅格状的官方网站：

.image_grid { 
    padding-left: 15px; 
    padding-right: 15px; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    max-width: 100%; 
    margin-right: auto; 
    margin-left: auto; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    a { 
    padding: 5px; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1 0 33.33%; 
    -ms-flex: 1 0 33.33%; 
    flex: 1 0 33.33%; 
    img { 
     width: 100%; 
     max-height: auto; 
    } 
    } 
}

来源

2017-07-28 Iworb

jQuery的升级到最新，至少V3.2.0

来源

2017-07-28 08:19:50 Janis

我surpised。它不适用于3.1.0版本，这是非常新的。奇怪的是，fancybox没有与至少第3版jQuery的向后兼容性。 – Iworb

jQuery 3.0.x和3.1.x有一个最近才修复的bug，请参阅https://blog.jquery.com/2017/03/16/jquery-3-2-0-is-out/以前的版本工作精细。 – Janis

Fancybox在打开时不适合图像

回答

相关问题