Question

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

谢谢你：）

Answer 1

可能是你想要用％而不是绝对度量来定义你的css元素，例如我有一个div宽度= 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

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

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

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

3 个答案: