javascript - 在页面加载时，背景图片开始压缩，然后展开

我不明白为什么page首先将图像压缩为正确的视口大小。我没有在CSS上看到任何会使它像这样的行为。

我有这个脚本，基本上可以确保无论屏幕大小，背景图像的画布都保持其纵横比。但是我不确定这是否是导致问题的原因。

  $(window).load(function(){
      var resizeHero = function(){
      var hero = $("#hero-fold")
      window1 = $(window);

      hero.css({
        "width": window1.width(),
        "height": "auto"
      });

    if(window1.width() < window1.height())
     {
         hero.css({
        "width": window1.width(),
        });

     }
   };

   resizeHero();

   $(window).resize(function(){
   resizeHero();
     });
   });

提前致谢！

最佳答案

您可以尝试使用


  $（document）.ready（）


而不是load（）函数。由于load（）函数仅在加载整个页面后才运行，因此我认为这对您造成了问题。

而$（document）.ready（）函数在HTML DOM准备就绪时运行。

关于javascript - 在页面加载时，背景图片开始压缩，然后展开，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42558120/