Question

我使用Masonry创建了一个网站库，该网站在本地所有浏览器中运行良好。但是，当我将其上传到服务器时，图像会自行崩溃。我调整浏览器大小时解决了这个问题;这可能只有一个像素的变化。

有没有办法愚弄浏览器认为视口在加载文档后立即被像素调整大小？

Answer 1

无需'欺骗'＆＃39;浏览器。

在document.ready()内重新初始化您的砌体插件生成在$(document).ready()内的代码仅在页面加载完成后运行。

$(document).ready(function(){

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

});

对resize事件进行重新初始化，当您调整浏览器的大小时会发生这种情况，以及当您执行此操作时修复的原因。

如果您不使用jQuery，请尝试使用window.onload()，这几乎是一样的。

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

诱骗浏览器将视口尺寸调整为1px

1 个答案: