固定宽度，大数据问题答案

【问题标题】：Fixed Width, Large Data Problem固定宽度，大数据问题
【发布时间】：2023-03-15 22:16:01
【问题描述】：

我目前正在设计一个 Web 应用程序，人们可以在各种分辨率 1024..1920 甚至更大的分辨率下查看它。

我选择了固定宽度的设计（就像许多其他流行的网站一样，例如 StackOverflow、CNN、Mint、WSJ、BofA 等），并具有最小的公分母，意思是 1024。

现在的一个问题是，在我的应用程序的一些页面上，我必须显示基于网格的数据。我认为如果我将大屏幕用户限制为 1024 宽度的压缩网格数据，同时让他们的大部分屏幕保持空白，我真的会激怒他们。

我考虑过为不同的分辨率制作不同的样式表等等，但这会增加我所能管理的大部分维护工作、图形工作等。

你有什么想法如何解决这个问题吗？这是一种优雅的方式（我只是在想，也许我现在在这里有一个“创意块”:)），而不必完全采用流畅的设计，这会带来一堆问题本身？

【问题讨论】：

【解决方案1】：

1) 同一数据的多个硬编码视图：Brief、Detailed、Verbose 允许用户查看不同数量的列的快速链接或选项卡。如果他们需要更多细节，他们可以选择具有更多细节的视图。他们想知道，并且不会因为不得不垂直滚动而烦恼。

2) 用户控制的列允许用户控制他们看到的内容，以及他们的视图中包含哪些列。您甚至可以存储并记住他们选择的视图。默认应该是您认为大多数人希望看到的视图。

3) 前两者的结合允许他们选择默认值，然后逐一自定义列。这就是 MS Project 使用其视图的方式，使用起来非常好。

【讨论】：

【解决方案2】：

调整列的大小，使合理的数字适合 1024，其余部分使用水平滚动条。由于您的应用程序不使用其他页面上的额外空间，您可能会决定就此停止。

否则，如果有额外空间，让元素调整大小以填充页面的整个宽度（使用表格，或者在 div 上使用 min-width 并在父级上使用 100%。

【讨论】：