诱使浏览器将视口尺寸调整为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
}