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

Asp.net 创建适合任何屏幕分辨率的母版页,asp.net,html,css,master-pages,Asp.net,Html,Css,Master Pages,我已经创建了一个母版页,我希望附加到它的ASP.NET页面适合任何屏幕分辨率。这是一个基于html表格的设计 我读到,如果你把桌子的宽度和高度保持在100%,那么它应该适合任何分辨率。我也做了同样的事情,它可以根据任何屏幕分辨率调整宽度,但不能调整高度。我们在底部看到一个空白区域,用于显示更高的屏幕分辨率,并为更低的屏幕分辨率创建一个滚动条 有人知道如何解决这个问题吗?大多数开发人员想要解决的是宽度。 高度不是问题。你永远不会知道人们用什么样的决心。相信我,这本身就是个大问题 因此,我建议您固定

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

我读到,如果你把桌子的宽度和高度保持在100%,那么它应该适合任何分辨率。我也做了同样的事情,它可以根据任何屏幕分辨率调整宽度,但不能调整高度。我们在底部看到一个空白区域,用于显示更高的屏幕分辨率,并为更低的屏幕分辨率创建一个滚动条


有人知道如何解决这个问题吗?

大多数开发人员想要解决的是宽度。 高度不是问题。你永远不会知道人们用什么样的决心。相信我,这本身就是个大问题


因此,我建议您固定宽度并坐下来:D

代替基于表格的页面,您应该选择基于DIV的页面。。它通常易于创建和处理。就身高而言,你们不必担心,因为身高可能会随着内容的增加而增加。。就我个人而言,每当我想全幅使用时,我都会将HTML分成三部分

  • 标题
  • 主要内容
  • 页脚
  • 我将eader和footer div保持为整个正文宽度,而主要内容通常为900px宽。。我提供了很好的全宽页面清洁效果:)


    希望有帮助:)

    我想如果你想要身高,你必须使用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'; 
    

    也许值得添加一点来帮助理解,在您描述的示例中,100%高度属性将与内容相关,正如UGS所说,元素的高度将扩展和收缩,以适合您选择插入的任何内容


    如果希望最大限度地减少高度太小的情况,可以使用“最小高度”属性并以像素为单位定义。例如,如果您知道预期目标设备的最小期望高度为320px,则可以设置“最小高度:320px”,以确保在最小的设备上看不到下面的任何空间。

    显示您的代码,以及您到目前为止拥有的内容