响应式网格系统：Unsemantic
jopen
9年前
Unsemantic 响应式网格系统是 960 网格系统的后继接班人，开发者就是 960gs 的作者。它以 960 Grid 类似的方式工作,但不是一组列数，它是完全基于百分比。
例如，如果你想要一个 50% 列宽，简单地使用类=“grid-50”。为5的倍数有网格类：5、10、15…95,100。也可以把一个页面分成三的倍数：grid-33 和网格- 66。
支持的浏览器：Chrome, Firefox, Internet Explorer (7+), Opera, and Safari。
示例代码：
<div class="grid-container"> <div class="grid-25"> I am 25% wide. </div> <div class="grid-50"> I am 50% wide. </div> <div class="grid-25"> I am 25% wide. </div> </div>