适合各种屏幕的内容

时间:2011-09-29 02:31:47

标签: html css html5 dhtml

我有一个基于表格的html页面。我有一个ul菜单少数图表和几个表格。我试图设计它,使其适合任何屏幕,没有任何滚动条。我的浏览器没有按照我为页面主表尝试的高度= 100%。有什么想法吗?在此先感谢:)

2 个答案:

答案 0 :(得分:1)

除了使用javascript或使用frameset

之外,你不会想要高度

答案 1 :(得分:0)

这是我用来强制某些元素高度的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();
  }