浏览器页面最小化/恢复向下状态时的asp.net页面调整答案

【问题标题】：asp.net page adjustment when browser page is minimized/restored down state浏览器页面最小化/恢复向下状态时的asp.net页面调整
【发布时间】：2012-04-08 20:10:48
【问题描述】：

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

谢谢你:)

【问题讨论】：

标签： c# asp.net css visual-studio-2010 webpage

【解决方案1】：

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

还要考虑浮动并使用 div 以使您的页面进行相应调整

【讨论】：

Thnx 这是一个很棒的建议，可以尝试一下。

【解决方案2】：

在编写设计代码时，您需要记住，不同的用户将使用具有不同属性的不同设备。这与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 时考虑到这一点并经常检查问题。

【讨论】：

@Apoorva，当然。我会尝试找到一些免费的网络参考并更新答案。

【解决方案3】：

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

#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 建议的那样），您可以修复与页面分辨率一致的布局。希望对您有所帮助。
*注意：*关于浮动网页布局的帖子很多。搜索谷歌了解更多:)。

【讨论】：