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

Jay*_*ari 3 css styles css-frameworks width

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

提前致谢.:)

luk*_*ger 7

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

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

如果您更喜欢阅读它,那么这篇博文的内容几乎完全相同.

要制作移动专用CSS,您需要进行一些媒体查询,这里有一篇关于它的帖子.

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

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

head你的页面中.