我在網站上使用jQuery 1.8.2,當我嘗試使用Colorbox插件併爲圖庫啓動模式窗口時,模式窗口填充頁面的整個高度vs視口的整個高度。使用Colorbox模式窗口大小的問題
這裏你可以看到一個例子:http://www.sportscardslist.com/release/2013/panini-prestige-football
如果你點擊在第一部分的底部6個圖像之一,模態窗口有大小一些問題。
任何人有任何想法是什麼原因造成的?
我在網站上使用jQuery 1.8.2,當我嘗試使用Colorbox插件併爲圖庫啓動模式窗口時,模式窗口填充頁面的整個高度vs視口的整個高度。使用Colorbox模式窗口大小的問題
這裏你可以看到一個例子:http://www.sportscardslist.com/release/2013/panini-prestige-football
如果你點擊在第一部分的底部6個圖像之一,模態窗口有大小一些問題。
任何人有任何想法是什麼原因造成的?
問題只是您的頁面的DOCTYPE
。您正在使用:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
它使瀏覽器處於怪癖模式。因此,jquery無法正確計算窗口高度。您應該使用:
<!DOCTYPE html>
然後,窗口高度將被正確計算,並且該圖庫將按照該高度的百分比適當地確定大小。
omg。我花了半個小時試圖弄清楚這一點。 –
@JoeFrambach別擔心 - 我也是。 :) –
我可以問你是如何遇到這個解決方案的?什麼是思路?我做的第一件事是刪除所有其他不必要的腳本和元素,而這並沒有幫助。從那裏,一切都是失敗。 –
您可能想要使用獨立的演示,如[jsFiddle](http://jsfiddle.com)上的演示,而不是整個站點。如果代碼放在這裏,你的問題更有意義。 – Joseph