2012-04-08 69 views
0

我正在开发一个使用asp.net的网站,目前为止这么好。功能没有太多问题,但页面看起来是问题。当浏览器页面处于全屏模式时,所有的控件都会正确对齐并位于正确的位置,就像我在VS 2010上设计时一样。但是,当浏览器处于恢复关闭模式或屏幕尺寸减小时在页面上看起来四处散落。我在网上搜索,但发现没有帮助This link有同样的问题,但似乎没有解决方案张贴。请帮忙。asp.net页面调整时浏览器页面最小化/恢复关闭状态

谢谢:)

回答

1

可能要考虑你的CSS元素%被定义并不是绝对的措施,比如我有一个div宽度= 100px的;我想它是div宽= 50%。这会给屏幕大小的相对大小,而不是固定大小。

还考虑浮动,做使用的div为了让你的页面相应

+0

Thnx这是一个伟大的建议将尝试。 – Apoorva 2012-04-08 07:50:34

1

调整虽然编码,你需要记住不同的用户将使用具有各种性能的各种设备的设计。这与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,并经常检查问题。

+0

你能建议一些吗? – Apoorva 2012-04-08 07:49:48

+0

@Apoorva,当然。我会尝试找到一些免费的网络参考并更新答案。 – walther 2012-04-08 08:10:28

1

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

#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亚达夫的建议), 您可以修复你的布局,网页的分辨率一致。希望它能帮助你。
* 注意: *有很多关于浮动网页布局的文章。搜索谷歌更多:)。

相关问题