調試高度HTML，jQuery砌體

Question

我正在使用jQuery砌體並面臨問題，框之間的邊距（垂直方向）有時會有所不同。 來設置保證金正確使用瀏覽器控制檯重新加載磚石

jQuery(...).masonry('reload'); 

的時候，唯一的方法是初始化後砌築引起高度的變化，我不能找到它（靜態內容而已，沒有腳本參與）..

編輯： 此問題與從遠程目標加載的外部字體有關。

謝謝！

Answer 1

感謝您的回答，搜索後，我發現這個問題在砌體網站描述https://github.com/desandro/masonry/issues/3

解決方案：使用web字體加載程序和字體加載回調後重新裝入磚石

感謝

Answer 2

好吧，爲了其他SO用戶的利益，我想可以在公開的時候回答更好的問題。

您是否在使用fonts.com，typekit.com或google.com/webfonts的字體？如果您使用標準字體測試頁面，然後所有頁面都可以正常工作，則可能是因爲您的web字體加載非常晚，從而禁止Masonry制定每塊磚的正確垂直尺寸，從而擾亂垂直佈局。如果您在重新加載後表示它看起來正確，那麼可能意味着此時加載了所有內容和外部代碼（文本，圖像，字體，腳本等），以便在重新加載之後，所有內容都與預期一致。