我希望我的当前网站项目能够使用易用的网格框架。以下是我需要的功能:
- 流式网格布局:可以水平对齐的盒子(例如三列布局),每个盒子具有相同的高度,宽度为100%
- 响应式设计:自动适应浏览器窗口大小调整
- 移动设备适配:针对平板电脑和手机显示合适的替代布局
- 文本大小可选调整:可选地动态调整文本大小(例如全屏宽的标题)
- 图片大小可选调整:可选地动态调整图像大小(例如全屏宽的图库)
- 断点设置:可选地定义宽度值,触发事件以更改布局(例如当宽度低于阈值时删除按钮)
更新
我找到了很多网格框架,但将其缩小到了以下三个有前途的框架,可能非常适合我的要求:
以下是其他所有框架:
CSS Grid(不是流式布局)320 and Up(不是流式布局)Columnal(不是流式布局)Skeleton(不是流式布局)
通常情况下,我会先测试这些框架,然后在此处提问以便我可以提出更具体的问题。但由于我希望了解的框架数量很多,因此我想听听一些指针从何处开始。
- 您对这些或其他类似框架有何经验?
- 您推荐符合我的要求的特定框架吗?
解决方案
我最终使用了Foundation
,在我看来,它显然是这场比赛的赢家。
更新 2
Bootstrap 3现在是真正的竞争者,因为它也支持语义化网格类。而且它支持SASS以及LESS。