Asp.net 如何使HTML页面适合web浏览器的大小？
我正在尝试创建一个网页，该网页本身只包含内容。页面本身不应该有滚动条，尽管个别部分应该有滚动条。我希望它看起来非常类似于JavaAPI在这里的布局，但是没有框架 页面还需要能够动态加载内容 现在，我正试图让它与ASP一起工作！用于动态加载内容的UpdatePanel和用于调整大小和面板显示的div，但面板从不覆盖屏幕。例如，我将有：Asp.net 如何使HTML页面适合web浏览器的大小？,asp.net,html,updatepanel,Asp.net,Html,Updatepanel,我正在尝试创建一个网页，该网页本身只包含内容。页面本身不应该有滚动条，尽管个别部分应该有滚动条。我希望它看起来非常类似于JavaAPI在这里的布局，但是没有框架 页面还需要能够动态加载内容 现在，我正试图让它与ASP一起工作！用于动态加载内容的UpdatePanel和用于调整大小和面板显示的div，但面板从不覆盖屏幕。例如，我将有： <body style="height: 100%; margin: 0; padding: 0;"> <form id="form1" runa
<body style="height: 100%; margin: 0; padding: 0;">
<form id="form1" runat="server">
<div style="width: 100%; height: 100%;">
<div style="overflow: auto; height: 100%; border-style: groove; border-width: medium;">
<asp:UpdatePanel ID="TOC" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:Panel ID="Display" Height="100%" ScrollBars="Auto" runat="server" />
</ContentTemplate>
</asp>
</div>
</div>
</form>
</body>
<body style="height: 100%">
<body style="height: 100%">
编辑：为了确保没有溢出，您还需要对正文应用边距：0和填充：0。据我所知，实现这一点的唯一可靠方法是使用一些javascript 使用jQuery：
$(document).ready(function() { // Wait for the HTML to finish loading.
var resize = function() {
var height = $(window).height(); // Get the height of the browser window area.
var element = $("body"); // Find the element to resize.
element.height(height); // Set the element's height.
}
resize();
$(window).bind("resize", resize);
});
如果要覆盖多个浏览器，可能需要对其进行一些调整。据我所知，实现这一点的唯一可靠方法是使用一些javascript 使用jQuery：
$(document).ready(function() { // Wait for the HTML to finish loading.
var resize = function() {
var height = $(window).height(); // Get the height of the browser window area.
var element = $("body"); // Find the element to resize.
element.height(height); // Set the element's height.
}
resize();
$(window).bind("resize", resize);
});
如果您要覆盖多个浏览器，可能需要对此进行一些调整。尝试将高度：100%添加到标记：html{height:100%；padding:0；margin:0；}这可能会解决IETry的问题，将高度：100%添加到标记：html{height:100%；padding:0；margin:0；}这可能会解决IE1的问题，不要将这些样式添加到html，但是把它们放在一个单独的块或文件中。2我不知道您当前的示例在Firefox和Chrome中是否正确，因为边框的底部在折叠下方是不可见的3当填充内部div时，内容太宽，无法在视口中完全可见，太高，无法在折叠上方放置，水平滚动条被按下，我必须滚动到页面底部才能水平滚动。3在IE中，你是否需要标准模式，因为当我可以回到怪癖模式时，解决方案会更容易一些？在我弄清楚我在做什么之后，我将把样式删除到一个单独的css文件中。我对web开发比较陌生，所以我不想把它复杂化。为了避免内容在屏幕下方太远，我将高度调到98.5%左右，这似乎奏效了。我相信这个网站只会在IE上运行，但我希望它至少能在其他浏览器上运行，因为我不想再创建一个只与IE兼容的网站。所以我可能会坚持标准模式。看起来非常像和。你应该将样式设置为表单和正文。Regards1不会将这些样式添加到HTML中，而是将它们放在单独的块或文件中。2我不知道您当前的示例在Firefox和Chrome中是否正确，因为边框的底部在折叠下方是不可见的3当填充内部div时，内容太宽，无法在视口中完全可见，太高，无法在折叠上方放置，水平滚动条被按下，我必须滚动到页面底部才能水平滚动。3在IE中，你是否需要标准模式，因为当我可以回到怪癖模式时，解决方案会更容易一些？在我弄清楚我在做什么之后，我将把样式删除到一个单独的css文件中。我对web开发比较陌生，所以我不想把它复杂化。为了避免内容在屏幕下方太远，我将高度调到98.5%左右，这似乎奏效了。我相信这个网站只会在IE上运行，但我希望它至少能在其他浏览器上运行，因为我不想再创建一个只与IE兼容的网站。所以我可能会坚持标准模式。看起来非常像和。你应该将样式设置为表单和正文。RegardsI无法使用jQuery，但同样的概念也适用。对于IE特定的东西，我不能使用jQuery，但概念相同 工作。对于IE特定的事情。