微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Unsemantic 响应式网格系统

程序名称:Unsemantic

授权协议: GPL/MIT

操作系统: 跨平台

开发语言: HTML/CSS

Unsemantic 介绍

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>

Unsemantic 官网

http://unsemantic.com/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐