fixed-width - 固定宽度，大数据问题

Question

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

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

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

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

你有什么想法可以解决这个问题吗？本身？

Answer 1

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

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

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

Answer 2

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

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