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

【问题标题】：Full Screen width CSS Framework for faster designing全屏宽度 CSS 框架可加快设计速度
【发布时间】：2013-01-12 20:46:33
【问题描述】：

我提出了几个固定宽度的 CSS 框架，例如 960px GS 和网格生成器。我发现它们的问题是它们的固定宽度。虽然它在普通屏幕上效果最好，但我可以得到或有人帮助我使用 CSS 框架，它使用可用屏幕的整个宽度。列数、装订线宽度等都不是很重要的因素。

提前致谢。 :)

【问题讨论】：

Twitter Bootstrap 怎么样？您可以使用所需的响应式网格功能创建自定义构建。并且可以在下载前自定义列数等。
是的，兄弟，我也使用过 Twitter 引导程序，它确实是一个很棒的 CSS 框架，可以帮助我们快速设计页面。但是你看，它提供了固定布局和流体布局，但是它们也没有跨越整个屏幕。而固定布局中有像素，而流动布局中有 %s。但不是全屏宽度的 CSS 框架。
这怎么不是全屏的？ jsbin.com/ocoyes
它具有很强的适应宽度小于正常宽度的屏幕的能力。但是，当您的屏幕与正常宽度相比变大时，情况并非如此。 ]

【解决方案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 中。

【讨论】：