asp.net 浏览器页面最小化/恢复关闭状态时的页面调整

本文关键字：状态 调整 net 浏览器 最小化 asp 恢复 | 更新日期: 2023-09-27 18:30:19

我正在使用 asp.net 开发一个网站， 到目前为止一切顺利。 该功能没有太大问题，但页面外观是问题所在。当浏览器页面处于全屏模式时，所有控件都正确对齐并位于正确的位置，就像我在VS 2010上设计它时的样子一样。但是，当浏览器处于恢复关闭模式或屏幕尺寸减小时，页面上的所有内容看起来都分散在周围。我在网上搜索但没有找到帮助 此链接有相同的问题，但似乎没有发布解决方案。请帮忙。

谢谢:)

asp.net 浏览器页面最小化/恢复关闭状态时的页面调整

您可能

想考虑以%而不是绝对度量来定义CSS元素，例如我有一个div width=100px; 我希望它是div width=50%。 这将给出屏幕尺寸的相对大小，而不是固定尺寸。

还要考虑浮动并使用div，以使页面相应地调整

在编写设计代码时，您需要记住，不同的用户将使用具有各种属性的各种设备。这与 asp.net、c#或visual-studio无关。这是 CSS 的一个问题。您需要学习如何设置网站的样式，使其始终看起来相同，而不仅仅是当您使用特定的显示器分辨率在计算机上查看它时。这是一个无法在这里涵盖的主题。有一整本书都在讨论这个"问题"以及如何避免它。

编辑，一些可能有帮助的链接：

http://www.theserverside.com/tip/How-to-design-a-Web-page-that-will-display-properly-across-browsers

http://faq.programmerworld.net/web_publishing/a-web-standards-checklist.html

http://www.jimwestergren.com/common-css-mistakes-and-their-solutions/

http://www.webreference.com/authoring/style/sheets/index.html

希望对您有所帮助。如果你没有经验，我建议坚持使用固定宽度的布局，学习，学习，学习。

最后一个建议 - 不要忘记也存在各种浏览器，每个浏览器都以略有不同的方式呈现页面。不要忘记在编写 css 时牢记这一点并经常检查问题。

您面临的问题众所周知的是浮动 Web 布局。这里我举个例子 

#header
{
    height: 85px; // change like 10%
    width:1000px; // change like 50%
    background-color: White;
    border-bottom:solid 2px #9DACBD;
    margin:10px auto 0px auto;  // change like 10% auto 0% auto
}

通过将宽度、高度和边距更改为百分比（如 @Akash Yadav 所建议的那样），您可以修复与页面分辨率一致的布局。希望对您有所帮助。
*注意：*有很多关于浮动网页布局的帖子。搜索谷歌以获取更多:)。

相关文章：