如何用jQuery使元素高度根据窗口尺寸动态调整?

更新于
2026-09-29 08:41:40
0阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计68个文字,预计阅读时间需要1分钟。

如何用jQuery使元素高度根据窗口尺寸动态调整?

1. 使用JavaScript代码监听窗口大小变化,调整表格高度:javascript$(window).resize(function() { var windowHeight=$(window).height(); var topHeight=$(#boxOperating).height(); var clientHeight=windowHeight - topHeight - 60; $(#table_2).height(clientHeight);});

1.[代码][JavaScript]代码

$(window).resize(function(){ var windowHeight = $(window).height(); var topHeight = $(".boxOperating").height(); var clientHeight = windowHeight-topHeight-60; $(".table_2").height(clientHeight); }).resize();

如何用jQuery使元素高度根据窗口尺寸动态调整?

本文共计68个文字,预计阅读时间需要1分钟。

如何用jQuery使元素高度根据窗口尺寸动态调整?

1. 使用JavaScript代码监听窗口大小变化,调整表格高度:javascript$(window).resize(function() { var windowHeight=$(window).height(); var topHeight=$(#boxOperating).height(); var clientHeight=windowHeight - topHeight - 60; $(#table_2).height(clientHeight);});

1.[代码][JavaScript]代码

$(window).resize(function(){ var windowHeight = $(window).height(); var topHeight = $(".boxOperating").height(); var clientHeight = windowHeight-topHeight-60; $(".table_2").height(clientHeight); }).resize();

如何用jQuery使元素高度根据窗口尺寸动态调整?