3

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

提前致谢。:)

4

1 回答 1

7

制作基于 % 的网格非常容易,我认为除非您要使用 Bootstrap 之类的所有功能,否则您只会给自己带来很多额外的膨胀。制作一个响应式网格系统不超过 10/20 分钟,您将拥有您所需要的,不多也不少。

这是一个关于制作简单的 2 列、基于 % 的网格的视频。

如果您更喜欢阅读它,这里有一篇博客文章会经历几乎相同的事情。

要制作特定于移动设备的 CSS,您需要进行一些媒体查询,这里有一篇关于此的文章。

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

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

head您的页面中。

于 2013-01-12T12:46:33.097 回答