javascript - Jquery 脚本在桌面上表现得很奇怪

Question

我正在使用下面的 Jquery 脚本来确保我页面的第一个 div 的高度等于用户屏幕的视口(viewport)。:

<script type="text/javascript">
    $(window).resize(function() {
      $(".introduction").css("height", window.innerHeight+"px");
    });
</script>
</body>

其中 .introduction 是我的第一个 div 的类。它在我的平板电脑上运行良好，但在我的大桌面屏幕上看到时却表现得很奇怪。仅当我右键单击 => 检查页面然后将其关闭时它才有效。

有什么想法吗？

这是我目前正在处理的页面:

http://shotokanlaprairie.com/notre-dojo/

非常感谢!

Answer 1

您可能希望将脚本放在 document.ready 中，然后触发事件以在启动时触发它

$(window).resize(function() {
  /* your logic */
}).trigger("resize");