设计矩阵网页

Question

我期待着设计一个带有矩阵布局的网页。喜欢 ＃。它会有最大值。 8列3行。

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

当我离开网络编码时（因为我开始管理我的团队成员。在CSS / js刚刚问世时，我几乎没有用到编程直到一段时间后才会失去很多东西。）现在它甚至支配HTML。因此，使用CSS是可行的方法。 （Imho，我实际上认为编写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>表单。