12-Column-Responsive-Grid:我已经使用了一段时间的简单响应式网格

时间:2024-07-22 03:40:55
【文件属性】:

文件名称:12-Column-Responsive-Grid:我已经使用了一段时间的简单响应式网格

文件大小:11KB

文件格式:ZIP

更新时间:2024-07-22 03:40:55

CSS

十二列响应式网格 概述 已经有很多网格系统,但这是我现在在几个项目中自己使用的一种。 我决定将它记录下来并张贴在这里,以便我可以跟踪更改和更新,而不是为每个新项目对其进行除尘和更新。 网格是一个 12 列响应式网格,可以是流动的或固定的宽度。 支持的断点有(任意命名): iPhone:320px 宽 安卓手机:420px宽 Kindle Fire:600px宽 iPad:768px 宽 桌面:960px 宽 用法 将“_responsive-grid.scss”添加到您的项目中并与您的其他 SASS 文件一起编译。 此外,您可以添加“_responsive-content.scss”,它允许您显示/隐藏各种断点的内容。 要创建网格,首先创建一个类为“center-content”的包含元素。 在该元素中,添加一个 对于具有类名“列”的每一列。 COLUMN WIDTHS 列默认跨越


【文件预览】:
12-Column-Responsive-Grid-master
----css()
--------master.css(8KB)
----index.html(11KB)
----.gitignore(25B)
----scss()
--------_responsive-content.scss(2KB)
--------master.scss(641B)
--------_responsive-grid.scss(6KB)
--------_debug-breakpoints.scss(1KB)
--------_reset.scss(1KB)
----README.md(2KB)

网友评论