当前位置：K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS01 → 文章内容
轻量级、响应式的纯CSS框架-Pure.css
减小字体
增大字体 -->
雅虎推出了一个纯CSS的轻量级、响应式框架-Pure.css。pure.css非常小的，使用gzip文件大小:4.5 kb大小。Pure.css只提供很简单的样式，Pure.css是纯粹为每个网站或web应用程序而开发的，Pure.css是响应式的，能适应各种屏幕大小的设备。
Pure.css使用：
1、在head之间设置meta标签，用来控制页面在移动设备上的宽度和高度：
1 | <meta name=“viewport” content=“width=device-width, initial-scale=1”> |
2、首先在页面上引用Pure.CSS库：
1 | <link rel=“stylesheet” href=“http://yui.yahooapis.com/pure/0.5.0/pure-min.css”> |
Pure.css默认的媒体查询：
| 关键词 | CSS 媒体查询 | 适用于 | Class名 |
|---|---|---|---|
| 无 | 无 | 所有 | .pure-u-* |
| sm | @media screen and (min-width: 35.5em) | ≥ 568px | .pure-u-sm-* |
| md | @media screen and (min-width: 48em) | ≥ 768px | .pure-u-md-* |
| lg | @media screen and (min-width: 64em) | ≥ 1024px | .pure-u-lg-* |
| xl | @media screen and (min-width: 80em) | ≥ 1280px | .pure-u-xl-* |
Pure.css支持的浏览器版本：
IE 8+
Latest Stable: Firefox, Chrome, Safari
iOS 6-8
Android 4.x
Pure.css中文网地址：http://purecss.org
轻量级、响应式的纯CSS框架-Pure.css
