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在打開時不適合圖像

回答

相關問題