響應式網格系統：Unsemantic

jopen 9年前發布 | 15K 次閱讀 前端技術 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>

項目主頁：http://www.baiduhome.net/lib/view/home/1444836038591

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！