仅在重新调整窗口大小后，图片在加载时不是全宽

Question

我无法弄清楚为什么我的背景和div在加载时不在其位置。只有在重新调整窗口大小之后。我怎样才能以不同方式加载它？可能是什么问题呢？

http://wear.gfg.me.uk/

有什么想法吗？

Answer 1

我假设你在谈论当你没有全屏时出现的圆形图形？我相信行为是在下面的链接中指定的，我不确定你想要完成什么。

当你说它“不在它的位置”时，你是什么意思？

http://wear.gfg.me.uk/js/screen.js

Answer 2

你在screen.js中有一个函数调用来使背景图像变大。它在调整大小和焦点时运行，但不在加载dom时运行。您需要将脚本移动到底部（确保在您第一次调用.background时将加载包含backgroundResize()元素的所有元素，或者您可以将其保留在顶部并在dom为时调用它你已经在使用jQuery了，所以你可以这样做：

$(document).ready(function() {
    backgroundResize();
});