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

Question

我使用下面的Jquery脚本确保我的页面的第一个div的高度等于用户屏幕的视口。：

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

其中.introduction是我的第一个div的类。它在我的平板电脑上运行良好，但在我的大桌面屏幕上看到时表现得很糟糕。它只适用于我右击=＆gt;检查页面然后将其关闭。

任何想法？

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

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

非常感谢！

Answer 1

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

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