誘使瀏覽器將視口尺寸調整為1px

Question

我使用Masonry創建了一個網站畫廊，該網站在本地所有瀏覽器上均可正常運行。 但是，當我將其上傳到服務器時，圖像會自行折疊。 調整瀏覽器大小后，該問題已解決。 這可能只有一個像素變化。

有沒有辦法欺騙瀏覽器，以為加載文檔后立即將視口調整為像素大小？

Answer 1

無需“欺騙”瀏覽器。

在document.ready()重新初始化您的砌體插件。僅在頁面加載完成后運行$(document).ready() document.ready()代碼。

$(document).ready(function(){

  var container = document.querySelector('#container');
  var msnry = new Masonry( container, {
    // options...
    itemSelector: '.item',
    columnWidth: 200
  });

});

在resize大小瀏覽器時發生的resize事件中，石工會重新初始化，這就是為什么固定瀏覽器后將其固定的原因。

---

如果您不使用jQuery，請嘗試使用window.onload()幾乎相同的東西。

window.onload = function(){
  //code to be run after page is loaded goes here
}