我提出了几个固定宽度的 CSS 框架,例如 960px GS 和网格生成器。我发现它们的问题是它们的固定宽度。虽然它在普通屏幕上效果最好,但我可以得到或有人帮助我使用 CSS 框架,它使用可用屏幕的整个宽度。列数、装订线宽度等都不是很重要的因素。
提前致谢。:)
我提出了几个固定宽度的 CSS 框架,例如 960px GS 和网格生成器。我发现它们的问题是它们的固定宽度。虽然它在普通屏幕上效果最好,但我可以得到或有人帮助我使用 CSS 框架,它使用可用屏幕的整个宽度。列数、装订线宽度等都不是很重要的因素。
提前致谢。:)
制作基于 % 的网格非常容易,我认为除非您要使用 Bootstrap 之类的所有功能,否则您只会给自己带来很多额外的膨胀。制作一个响应式网格系统不超过 10/20 分钟,您将拥有您所需要的,不多也不少。
这是一个关于制作简单的 2 列、基于 % 的网格的视频。
如果您更喜欢阅读它,这里有一篇博客文章会经历几乎相同的事情。
要制作特定于移动设备的 CSS,您需要进行一些媒体查询,这里有一篇关于此的文章。
此外,如果您要使用媒体查询,请不要忘记输入:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
在head
您的页面中。