css - 用于更快设计的全屏宽度 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您的页面。