创建适合任何屏幕分辨率的母版页

Question

我创建了一个母版页，我希望附加到它的ASP.NET页面适合任何屏幕分辨率。它是一个基于html表的设计。

我读到如果你将表格宽度和高度保持在100％那么它应该适合任何分辨率。我做了同样的事情，它将宽度调整到任何屏幕分辨率但不是高度。我们在底部看到一个空白区域，用于更高的屏幕分辨率，并为较低的屏幕分辨率创建滚动条。

任何人都知道如何解决这个问题？

Answer 1

我想如果你想要身高，你必须使用javascript。

var myHeight = 460;
if (document.body && document.body.offsetWidth) {
 myHeight = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 myHeight = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 myHeight = window.innerHeight;
}

之后，您可以设置外部div的高度

var myDiv = document.getElementById('myDiv'); 
myDiv.style.height = myHeight + 'px'; 

Answer 2

大多数开发人员想要修复的是宽度。 高度不是问题。你永远不会知道人们使用什么决议。相信我，这本身就是一个很大的问题。

所以，我建议你修改宽度并坐下来：D

Answer 3

对于基于表格的页面，您应该选择基于DIV的页面。它通常很容易创建和处理。就高度而言，你不应该担心它，因为高度可能会随着内容的增加而增加。就个人而言，每当我想要全宽度时，我会将我的HTML分成三部分。

1. 标题
2. 主要内容
3. 页脚

我将eader和footer div保持为全身宽度，而Main Content通常为900px宽..我给出了全宽页面的干净效果：）

希望它有所帮助：）

Answer 4

可能值得添加以帮助理解，在示例中，您已经描述了100％高度属性将相对于内容，因为，元素的高度将扩展和收缩以适合您选择插入的任何内容，正如UGS所说的那样。

如果您希望最小化高度太小的出现次数，可以使用'min-height'属性并以像素为单位进行定义。例如，如果您知道预期目标设备的最小所需高度为320px，则可以设置“min-height：320px”以确保在最小的设备上看不到下面的任何空间。