全屏宽CSS框架，可加快设计速度

Question

我已经提出了几个固定宽度的CSS框架，例如960px GS和网格生成器。我发现它们的问题是它们的固定宽度。虽然它在普通屏幕上效果最好，但是我可以得到或者有人帮助我使用可用屏幕的整个宽度的CSS框架。没有列，排水沟宽度等因素并不多。

提前致谢。 ：）

Answer 1

使基于％的网格非常简单，我认为除非你要使用像Bootstrap这样的所有功能，否则你只会给自己带来很多额外的膨胀。制作一个响应式网格系统所需的时间不会超过10/20分钟，而且你将拥有你所需要的，仅此而已。

Here's a video关于制作一个简单的2列，基于％的网格。

如果您愿意阅读它，那么

And here's a blog post会经历几乎相同的事情。

要制作移动专用CSS，您需要进行一些媒体查询，here's a post。

此外，如果您要使用媒体查询，请不要忘记输入：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

在您网页的head。