当前位置：文江博客话题详情

适合各种屏幕的内容

发布于 2024-12-06 19:40:49 字数 120 浏览 1 评论 0原文

我有一个基于表格的 html 页面。我有一个 ul 作为菜单，几个图表和几个表格。我正在尝试设计它，使其适合任何屏幕，没有任何滚动条。我的浏览器不支持我在页面主表中尝试的 height=100% 。有什么想法吗？提前致谢：）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

转身以后 2024-12-13 19:40:49

除了使用 javascript 或使用框架集之外，您将无法根据需要调整高度

回复收藏 0 原文

星星的轨迹 2024-12-13 19:40:49

这是我用来强制某些元素的高度的 javascript/jquery 代码。

function resize(){
winH = 460; 
if (document.body && document.body.offsetWidth) {
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winH = window.innerHeight;
}
$('#container').height(winH);
}
$(function(){
  resize();
  });
//the following code readjusts the element's height every time the browser window is altered. 
window.onresize = function() {
  resize();
  }

Here is javascript/jquery code that I have used to force the height of certain elements.

function resize(){
winH = 460; 
if (document.body && document.body.offsetWidth) {
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winH = window.innerHeight;
}
$('#container').height(winH);
}
$(function(){
  resize();
  });
//the following code readjusts the element's height every time the browser window is altered. 
window.onresize = function() {
  resize();
  }

回复收藏 0 原文

~没有更多了~