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

Question

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

谢谢你 ：）

Answer 1

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

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

Answer 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 时考虑到这一点并经常检查问题。

Answer 3

您面临的问题是众所周知的浮动 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 建议的那样），您可以将布局与页面分辨率一致。希望它会帮助你。
*注意： *有很多关于浮动网页布局的帖子。搜索谷歌更多:)。