C# asp.net中即将出现的屏幕大小问题

我的开发机器有一个相当大的屏幕（19英寸）。我的一些客户有更小的屏幕（或者他们可能选择不最大化我的网页），因此页面上的控件到处都是，并且相互重叠。知道如何解决这个问题吗？

安装webdeveloper工具栏并测试其他屏幕大小

查看以使您的布局更具动态性。或者固定宽度，使其无法调整大小

---

这听起来更像是布局/css问题，而不是.net/c问题。

为身体使用固定宽度。在css中执行以下操作：

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

这应该将主体固定为800px宽度，并将其置于页面中心。找出客户使用的最低分辨率是什么，将滚动条和一点边距的分辨率减少50个像素左右，并将其用于宽度

我个人不会试图在这上面容纳一个非最大化的场景，因为你不会留下很多不动产。

我的第一个建议是，不要等待尝试不同分辨率的页面。这应该是你开发过程的一部分。如果您知道您的用户将拥有比您更小的浏览器窗口，请设身处地为他们着想，并使用一个小窗口进行大量测试。这就像在其他浏览器中测试一样；不要以为在IE6中一切都会很好

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

---

选择您想要支持的最小屏幕分辨率，并绘制一个草图，显示如何将内容放入可用空间。如果你对CSS还不是很熟悉的话，固定宽度可以大大简化事情。

我发现谷歌提供的工具过去很有用。您可能希望将页面主体设置为您认为的用户群的最低公共固定宽度。浏览器大小工具将帮助您最大限度地利用该空间。

我已经使用了其他答案中描述的所有技术：尝试适合用户浏览器大小的全流体宽度和保持不变的固定宽度

我最近非常成功地使用的一个解决方案是将两者结合起来。使用CSS和Javascript，我为页面指定了最大宽度和最小宽度。这样，对于运行更高分辨率的用户，页面可以进行一些扩展，而对于较低分辨率的用户，我可以通过确保内容不会太挤在一起来维持一定的顺序

---

关键是要了解你的典型听众。通过分析，我们知道超过50%的用户使用的分辨率在800 x 600和1024 x 768之间，因此我们尝试以这些分辨率为目标。混合流体布局允许我们创建适合这些分辨率的页面，同时仍在一定程度上扩展以减少更大屏幕（更高分辨率）上的空白空间。

固定宽度是解决此问题的好方法。更流畅的布局确实需要“一些”固定宽度/最小宽度的部分来防止重叠。这里有一个用于i.e.工具栏的链接，该链接包括调整大小，但也有助于CSS，应该包含指向我使用的FF工具栏的链接。