Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 诱使浏览器将视口尺寸调整1px_Javascript_Browser_Viewport_Masonry - Fatal编程技术网

Javascript 诱使浏览器将视口尺寸调整1px

Javascript 诱使浏览器将视口尺寸调整1px,javascript,browser,viewport,masonry,Javascript,Browser,Viewport,Masonry,我用砖石创建了一个网站图库,该网站在本地所有浏览器上都运行良好。然而,当我把它上传到服务器上时,图像会自动崩溃。当我调整浏览器的大小时,问题就解决了;这可能是小到一个像素的变化 有没有办法让浏览器在加载文档后立即认为视口的大小已经调整了一个像素 无需“欺骗”浏览器 在document.ready()中重新初始化你的插件 位于$(document).ready()中的代码仅在页面加载完成后运行 $(document).ready(function(){ var container = doc

我用砖石创建了一个网站图库,该网站在本地所有浏览器上都运行良好。然而,当我把它上传到服务器上时,图像会自动崩溃。当我调整浏览器的大小时,问题就解决了;这可能是小到一个像素的变化


有没有办法让浏览器在加载文档后立即认为视口的大小已经调整了一个像素

无需“欺骗”浏览器

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
}

你很可能需要在页面完全加载完成后初始化Mashise插件。调整浏览器大小不是问题的解决方案。这是一个黑客行为,请共享链接或小提琴和屏幕截图,演示我们可以研究的问题。谢谢