固定宽度、大数据问题
我目前正在设计一个网络应用程序，人们可以以各种分辨率 1024..1920 甚至更大的分辨率查看该应用程序。
我选择了固定宽度设计（正如许多其他流行网站一样，例如 StackOverflow、CNN、< a href="http://www.mint.com" rel="nofollow noreferrer">Mint, WSJ、BofA 等），最小公分母适合，即 1024。
现在的问题是，在我的应用程序的一些页面上，我必须显示基于网格的数据。我认为，如果我将大屏幕用户限制为 1024 宽度的压缩网格数据，同时保持大部分屏幕为空，我真的会激怒他们。
我想过针对不同的分辨率制作不同的样式表等，但这会增加我可以管理的维护工作、图形工作等。
你有什么想法如何以一种优雅的方式解决这个问题（我只是想也许我现在有一个“创意障碍”:)），而不必完全采用流畅的设计，这会带来一系列问题本身？
I'm currently designing a web application which may be viewed by people in all kinds of resolutions 1024..1920 or even larger resolutions.
I've opted for a fixed-width design (as many other popular websites are, e.g. StackOverflow, CNN, Mint, WSJ, BofA etc.) with the lowest common denominator fitting in, meaning 1024.
Now a problem is that on some pages in my application I have to display grid-based data. I think I'm really going to anger people with large screens if I restrict them to 1024 width compacted grid data while keeping most of their screen empty.
I thought about making different style sheets and so forth for different resolutions but that will increase much of the maintenance work, graphics work etc. above of what I can manage.
Do you have any ideas how to solve this is a graceful manner (I'm just thinking maybe I have a 'creative block' here right now :) ) without having to go fully to a fluid design, which brings a bunch of problems in itself?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
1) 同一数据的多个硬编码视图：简要、详细、详细
快速链接或选项卡允许用户查看不同数量的列。如果他们需要更多详细信息，他们可以选择具有更多详细信息的视图。他们想知道，并且不会因必须垂直滚动而烦恼。
2) 用户控制的列
允许用户控制他们看到的内容以及视图中包含哪些列。您甚至可以存储并记住他们选择的视图。默认视图应该是您认为大多数人希望看到的视图。
3）前两者的结合
允许他们选择默认值，然后逐一自定义列。这就是 MS Project 处理其视图的方式，而且使用起来非常愉快。
1) Multiple hard-coded views of the same data: Brief, Detailed, Verbose
Quick links, or tabs to allow the user to view different numbers of columns. If they need more details, they can choose the view that has more detail. They want to know, and will not be annoyed by having to scroll vertically.
2) User-Controlled columns
Allow the users to control what they see, and what columns are included in their view. You can even store and remember the views they select. The default should be the view you think most people would want to see.
3) Combination of the previous two
Allow them to choose a default, and then customize columns on a one-by-one basis. This is how MS Project works with its views, and it's very nice to work with.
调整列的大小，使合理的数字适合 1024，其余部分使用水平滚动条。由于您的应用程序不使用其他页面上的额外空间，因此您可能决定就此停止。
否则，如果有额外空间，请调整元素大小以填充页面的整个宽度（使用表格，或在 div 上使用 min-width，在父级上使用 100%。
Size the columns so that a reasonable number fit onto 1024, and use a horizontal scrollbar for the rest. Since your app doesn't use the extra real estate on other pages, you might decide to just stop there.
Otherwise, let the elements resize to fill the full width of the page if there is extra room (either use a table, or use min-width on the divs and 100% on the parent.