设计矩阵网页

Question

我期待着设计一个矩阵布局的网页。如#。它会有max。8列和3行。

我决定了8列，因为PC，手机，平板电脑上的每个屏幕宽度分辨率都可以完美地除以8。我决定用3行，因为它是可读的。虽然垂直滚动条会自动显示，但让访问者单击它来查看内容对他来说是一种痛苦。因此，访问者需要在第一次看到页面时看到完整的段落/部分。

当我离开网络编程(因为我开始管理我的团队成员。直到一段时间以前，我几乎不会编程，似乎失去了很多东西。)当CSS/js刚刚出现的时候。现在它甚至主宰了HTML。所以，使用CSS是可行的。(我真的发现编写CSS是一项可怕的工作)。

看起来是一个巨大的要求，在我已经搜索了网上的资源。

问题：*固定不同分辨率的列*固定行*将右侧内容放在右侧矩阵框中。

我该如何开始？

更新:我是http://www.nytimes.com/chrome的超级粉丝。主屏幕以矩阵的形式显示各种新闻，这是一个奇妙而独特的设计。矩阵会随着屏幕分辨率的变化而动态变化。

我们如何设计它呢？

Answer 1

首先，你可能忘记了8x3的非标准网格。然后，你

• Check the demo;
• Download 960 grid system;
• Read tutorial with the video;

开始使用该网格。将来维护起来会容易得多

Answer 2

您可能会关心this。如果不是，只制作<ul>和<table>表单。