2010-08-02 18 views
3

我的开发机器有一个相当大的屏幕(19英寸)。我的一些客户的屏幕尺寸较小(或者他们可能选择不最大化我的网页),因此页面上的控件遍布整个位置并相互重叠。任何想法如何解决这个问题?asp.net中即将出现的screenize问题

回答

2

安装web开发工具栏并测试其他屏幕尺寸。

调查css floats以使您的布局更具动感。或者修复宽度,以免重新调整大小。

这听起来更像是一个layout/css问题,然后是一个.net/c#问题。

+0

固定宽度是解决问题的好方法。更流畅的布局确实需要“一些”固定宽度/最小宽度的部分以防止重叠。 – 2010-08-02 17:37:53

+0

下面是ie工具栏的链接,其中包括调整大小,但也将帮助CSS以及http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en – 2010-08-02 17:41:01

+0

应该有包括我使用的FF工具栏的链接。 https://addons.mozilla.org/en-US/firefox/addon/60/ – 2010-08-02 17:42:40

1

为身体使用固定宽度。在你的css中做这样的事情:

body { width: 800px; margin: 0 auto; } 

这应该将身体固定到800px宽度并将其居中在页面上。找出客户使用的最低分辨率,并将滚动条和一点余量的50个像素刮掉,然后将其用于宽度。

我个人不会试图容纳一个非最大化的情况,因为你不会留下很多房地产。

0

我的#1建议将是不要等待以不同的分辨率尝试您的网页。它应该是你开发过程的一部分。如果你的知道你的用户将会有一个比你小的浏览器窗口,那就把自己放在自己的位置,然后用一个小窗口做很多测试。这就像在其他浏览器中测试一样;不要以为在IE6中一切都会看起来很好,并且工作得很好。

此问题不是特定于ASP.NET。您的控件只是标记和样式,因此在一天结束时,您需要这些控件一起工作,以便缩小时页面不会明显“破碎”。

选择您想要支持的最小屏幕分辨率,并制作一个草图,显示事物如何适应可用空间。如果您不熟悉CSS,固定宽度可以大大简化事情。

0

我找到了browser size tool谷歌有用的过去。您可能希望将页面正文设置为您认为是用户群的最低通用固定宽度。浏览器大小工具将帮助您充分利用该空间。

0

我已经使用了其他答案中描述的所有技术:尽力满足用户浏览器大小的完全流畅宽度和固定不变的宽度。

最近我用得很成功的一个解决方案是将两者结合起来。使用CSS和Javascript,我为页面指定了最大宽度和最小宽度。这使得页面可以扩展到那些运行更高分辨率的页面,同时允许我通过确保一些事情不会太挤压来维持较低分辨率的一些顺序。

关键是要了解你的典型观众。通过分析,我们知道超过50%的用户使用800 x 600和1024 x 768之间的分辨率,因此我们试图针对这些解决方案。混合流体布局允许我们创建适合这些分辨率的页面,同时仍然有所扩展以减少较大屏幕上的空白空间(较高分辨率)。